/*
	-----------------------------------------------------------------------------------
	
	Author	:	Fatih Eğriboz (Front-end Developer)
	Date	:	14.02.2013
	Agency	:	Uniball
	Client	:	Uni-ball
	Project	:	Website
	
	-----------------------------------------------------------------------------------

	0.	CSS Reset & Import Externel CSS
	1.	Header
	2.	Product Page
	3.	Main Content
	4.	Banner Content
	5.	Footer Content
	6.	Default Page Wrapper

	-----------------------------------------------------------------------------------
*/

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & import externel css
/*-----------------------------------------------------------------------------------*/



html, body {
    font-family: 'OpenSans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFF;
    background: #222222;
    -webkit-text-size-adjust: none;
}

a:focus,
a:after {
    border: none;
    outline: none !important;
}

a, a:link {
    text-decoration: none;
}

.swipe {
    position: relative;
    z-index: 1;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*	1.	Header 
/*-----------------------------------------------------------------------------------*/

#header {
    width: 100%;
    height: 70px;
    background: #ffffff url(../Images/header_repeat.png) repeat center top;
}

    #header .inner {
        width: 100%;
        height: 70px;
        margin: 0 auto;
        position: relative;
    }

        #header .inner .logo {
            width: 160px;
            height: 70px;
            float: left;
            margin-left: 20px;
        }

        #header .inner .navbar .nav > li > a.active {
            background-position: 0 -70px;
            color: #FFFFFF;
        }

/* search */
#searchMenu .dropdown-menu {
    margin-left: -210px;
}

.searchIcon {
    padding: 3px 0 0 0;
}

.searchBox .form-inline {
    width: 246px;
    padding: 10px;
    margin: 0 0 25px 0;
    position: relative;
}

.searchBox .form-group input {
    width: 170px;
    border-width: 0px;
    color: #999;
    float: left;
}

.searchBox a.btn {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 30px;
    float: left;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    color: #C70404;
    background: none;
}

.searchBox .btn {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 30px;
    float: left;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    color: #C70404;
    background: none;
}
/* end header */

/* breadcrumb */
#breadcrumb {
    width: 100%;
    height: 30px;
    background: url(../Images/breadcrumb.png) repeat-x 0 0;
}

    #breadcrumb .inner {
        width: 100%;
        height: 25px;
        padding: 5px 0 0 0;
        margin: 0 auto;
    }

        #breadcrumb .inner .breadcrumb_arrow {
            width: 6px;
            height: 11px;
            margin: 0 10px;
            display: inline-block;
            background: url(../Images/breadcrumb_arrow.png) no-repeat 0 0;
        }

/*-----------------------------------------------------------------------------------*/
/*	2.	Product Page 
/*-----------------------------------------------------------------------------------*/
#productPage {
    width: 100%;
    height: 691px;
    background: url(../Images/detail_page_bg.png) no-repeat center top;
}

    #productPage .inner {
        width: 960px;
        height: 691px;
        margin: 0 auto;
    }

        #productPage .inner header {
            width: 100%;
            height: 320px;
        }

            #productPage .inner header article {
                width: 340px;
                height: 320px;
                float: left;
                position: relative;
            }

                #productPage .inner header article h1 {
                    font-size: 54px;
                    line-height: normal;
                    color: #ed1c24;
                }

                #productPage .inner header article h2 {
                    font-size: 24px;
                    line-height: normal;
                    color: #ed1c24;
                    position: absolute;
                    bottom: -20px;
                }
            /* */

            #productPage .inner header .productsSinglePen {
                display: block;
                float: left;
                height: 320px;
                padding: 0;
                position: relative;
                width: 160px;
            }
                /* origami single pen */
                #productPage .inner header .productsSinglePen .origamiShadow_products {
                    position: absolute;
                    z-index: 0;
                    left: -14px;
                    bottom: -9px;
                }

                #productPage .inner header .productsSinglePen .origami_products_1 {
                    position: absolute;
                    z-index: 1;
                    left: 83px;
                    bottom: -4px;
                }

                #productPage .inner header .productsSinglePen .origami_products_2 {
                    position: absolute;
                    z-index: 1;
                    left: 85px;
                    bottom: 12px;
                }

                #productPage .inner header .productsSinglePen .origami_products_3 {
                    position: absolute;
                    z-index: 3;
                    left: 135px;
                    bottom: 40px;
                }

                #productPage .inner header .productsSinglePen .origami_products_4 {
                    position: absolute;
                    z-index: 4;
                    left: 21px;
                    bottom: 55px;
                }

                #productPage .inner header .productsSinglePen .origami_products_Pen {
                    position: absolute;
                    z-index: 2;
                    left: 67px;
                    bottom: -14px;
                }

                #productPage .inner header .productsSinglePen .origamiTitle {
                    width: 120px !important;
                    text-align: center;
                    bottom: 67px;
                    font-size: 16px;
                    left: 30px;
                    position: absolute;
                    z-index: 5;
                }

    /* end origami single pen */

    /* penModelWrapper */

    #productPage #penModelWrapper {
        width: 960px;
        height: 330px;
        margin: 30px 0 0 0;
    }

        #productPage #penModelWrapper .inner {
            width: 960px;
            height: 330px;
            background: url(../Images/pen_model_wrapper_bg.png) no-repeat center top;
        }


/* end penModelWrapper */

/* end productPage */

/* ------------------ productsFooter -------------------------------------------*/
#productsFooter {
    width: 100%;
    min-height: 385px;
    height: 100%;
    background: #f4f4f4 url(../Images/products_page_footer_shadows.png) no-repeat center top;
}

    #productsFooter.pfSearch {
        min-height: none;
        height: auto;
        position: absolute;
        left: 0px;
        top: 358px;
        background: none;
    }

.searchOpenBg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #ffffff;
    opacity: 0.5;
}

#productsFooter .inner {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

    #productsFooter .inner .designAndtechnology {
        width: 960px;
        height: 385px;
        margin: 0 auto;
        position: absolute;
        background: url(../Images/design_technology_bg.png) no-repeat center center;
    }

        #productsFooter .inner .designAndtechnology .box {
            width: 252px;
            height: 250px;
            padding: 0 20px 0 45px;
            margin: 20px 0 0 0;
            float: left;
            background: url(../Images/shadow_p_t.png) no-repeat left center;
        }

        #productsFooter .inner .designAndtechnology .firstbox {
            background: none;
        }

/* subProducts */
#productsFooter #subProductsWrapper {
    margin-top: -3px;
    width: 100%;
    min-height: 385px;
    height: 100%;
    background: #eaeaea;
}

.productsSearchWrapper .inner #productsFooter #subProductsWrapper .inner {
    width: 960px;
    height: 100%;
    margin: 0 auto;
}

.productsSearchWrapper .inner .productsList {
    margin: 0px;
    padding: 0px;
}

.productsSearchWrapper .inner .productsList,
#productsFooter #subProductsWrapper .inner .products {
    /*width: 100%;*/
    min-height: 385px;
    overflow: hidden;
    /*position: absolute;*/
}

#productsFooter #subProductsWrapper .inner .closeButtonArea {
    width: 960px;
    height: 50px;
    margin: 0 auto;
}

    #productsFooter #subProductsWrapper .inner .closeButtonArea a.closeButton {
        width: 88px;
        height: 45px;
        display: block;
        background: url(../Images/close_button.png) no-repeat 0 0;
    }

    #productsFooter #subProductsWrapper .inner .closeButtonArea a:hover.closeButton {
        background-position: 0 -45px;
    }

.productsSearchWrapper .inner .productsList .item,
#productsFooter #subProductsWrapper .inner .products_scroll-pane .item {
    /*width: 960px;
		height: 80px;
		padding: 30px 0 0 0;*/
    position: relative;
    display: table;
    height: auto;
    padding: 30px 0 20px 0;
    width: 960px;
    background: url(../Images/scroll_list_bg.png) no-repeat center 0;
}

    .productsSearchWrapper .inner .productsList .item figure a img,
    #productsFooter #subProductsWrapper .inner .products_scroll-pane .item figure a img {
        width: 627px;
        max-width: 627px;
    }

.productsSearchWrapper {
    height: auto;
}
/* end subProducts */

/* --------------------- subProductsDetailWrapper ------------------------------*/
#subProductsDetailWrapper {
    margin-top: -3px;
    width: 100%;
    min-height: 385px;
    height: 100%;
    color: #FFFFFF;
    position: relative;
    background: #333333 url(../Images/pattern_p_footer.png) repeat-x center 0;
}

    #subProductsDetailWrapper.searchPDW {
        position: absolute;
        z-index: 8;
        left: 0px;
        height: 500px;
    }

#productsFooter #subProductsDetailWrapper .inner {
    width: 960px;
    height: 100%;
    margin: 0 auto;
}

#productsFooter #subProductsDetailWrapper .detailCloseButtonArea {
    width: 88px;
    height: 45px;
    display: block;
    position: absolute;
    z-index: 999;
}

    #productsFooter #subProductsDetailWrapper .detailCloseButtonArea a.detailCloseButton {
        width: 88px;
        height: 45px;
        display: block;
        background: url(../Images/close_button_detail.png) no-repeat 0 0;
    }

    #productsFooter #subProductsDetailWrapper .detailCloseButtonArea a:hover.detailCloseButton {
        background-position: 0 -45px;
    }

#productsFooter #subProductsDetailWrapper .inner .detailPage h1.title {
    color: #FFFFFF;
    font-size: 17px;
    height: 70px;
    letter-spacing: 0;
    line-height: 23px;
    padding: 5px 0 0 100px;
    width: 240px;
    background: none;
}

#productsFooter #subProductsDetailWrapper .inner .detailPage header {
    height: 117px;
}

    #productsFooter #subProductsDetailWrapper .inner .detailPage header .descriptionArea {
        width: 550px;
        position: relative;
    }

#reservist {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 200px;
    height: 70px;
}

    #reservist #colorSmallCircle {
        position: absolute;
        right: 20px;
        top: 50px;
        text-align: right;
        width: 160px;
        height: 10px;
    }

        #reservist #colorSmallCircle .circle {
            width: 11px;
            height: 11px;
            right: 0px;
            top: 0px;
            text-align: right;
            float: right;
            margin: 0 0 0 5px;
            border: #ffffff solid 1px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
        }


#productsFooter #subProductsDetailWrapper .inner .detailPage header .descriptionArea article h3 {
    line-height: 15px;
}

#productsFooter #subProductsDetailWrapper .inner .detailPage header .colorBox {
    width: 410px;
}

    #productsFooter #subProductsDetailWrapper .inner .detailPage header .colorBox nav {
        width: 77px;
        height: 147px;
        border-left: #000000 solid 1px;
        border-right: #000000 solid 1px;
        float: left;
        text-align: center;
        color: #ffffff;
        position: relative;
    }

#colorNavWrapper {
    width: 330px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
    overflow: hidden;
}

    #colorNavWrapper ul#colorNav {
        width: 330px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }


#colorNavControl a.prevColorBtn {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 65px;
    right: 5px;
    background: #ff0000 url(../Images/video_arrows.png) no-repeat -21px 0;
}

#colorNavControl a.nextColorBtn {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 90px;
    right: 5px;
    background: #ff0000 url(../Images/video_arrows.png) no-repeat 0 0;
}

#colorNavControl .colorNum {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    top: 93px;
    right: 40px;
}




ul#colorNav li {
    width: 65px;
    height: 132px;
    padding: 15px 0 0 0;
    float: left;
    text-align: center;
    border-right: #000000 solid 1px;
}

    ul#colorNav li p {
        font-size: 11px;
    }

    ul#colorNav li .circle {
        width: 22px;
        height: 22px;
        margin: 0 auto;
        border: #ffffff solid 1px;
        display: block;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }


ul#colorNav span.selected {
    border: #ffffff solid 1px !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#productsFooter #subProductsDetailWrapper .inner .detailPage .penArea {
    width: 960px;
    padding: 75px 0 100px 0;
    position: relative;
    overflow: hidden;
}

.penArea .figureArea {
    position: relative;
    display: table;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

    .penArea .figureArea figure {
        width: auto;
        height: auto;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .penArea .figureArea #hintPointWrapper {
        position: absolute;
        width: 960px;
        height: 140px;
        margin: 0 auto;
        text-align: center;
    }

#hintPointWrapper .point01 {
    position: absolute;
    left: 10px;
    top: 17px;
}

#hintPointWrapper .point02 {
    position: absolute;
    left: 220px;
    top: 35px;
}

#hintPointWrapper .point03 {
    position: absolute;
    left: 400px;
    top: 5px;
}

#hintPointWrapper .point04 {
    position: absolute;
    left: 620px;
    top: 17px;
}

#hintPointWrapper .point05 {
    position: absolute;
    left: 730px;
    top: 17px;
}

#hintPointWrapper .point06 {
    position: absolute;
    left: 836px;
    top: 17px;
}

.penArea .figureArea #hintPointWrapper .hintPoint {
    position: absolute;
    z-index: 9;
    width: 35px;
    height: 35px;
    background: url(../Images/hint_point.png) no-repeat 0 0;
}

    .penArea .figureArea #hintPointWrapper .hintPoint .point {
        position: absolute;
        z-index: 9;
        top: 5px;
        left: 5px;
        width: 24px;
        height: 24px;
    }
/* tooltip */
.tooltipContent {
    width: 350px;
    display: table;
    position: relative;
}

    .tooltipContent .leftArea {
        width: 110px;
        float: left;
    }

    .tooltipContent .rightArea {
        width: 240px;
        height: 100px;
        position: absolute;
        left: 110px;
        top: 0px;
        display: table;
    }

        .tooltipContent .rightArea p {
            display: table-cell;
            vertical-align: middle;
            font-size: 12px;
            color: #ffffff;
            line-height: 14px;
        }

/* end tooltip */



/* end subProductsDetailWrapper*/

/* end productsFooter*/
/*-----------------------------------------------------------------------------------*/
/*	3. Main Content
/*-----------------------------------------------------------------------------------*/
#mainpageContent {
    width: 100%;
    height: auto;
    background: #f4f4f4;
}

    #mainpageContent .inner {
        width: 960px;
        height: 26 #mainpageContent .inner div.grid;

{
    width: 906px;
    height: 615px;
    float: left;
    margin: 20px 0 0 0;
    background: #FFFFFF;
    position: relative;
    top: 0px;
    left: 0px;
}

#FFFFFF; position: relative;
}

#mainpageContent .inner div.box2 {
    width: 300px;
    height: 220px;
    float: left;
    margin-right: 24px;
    margin-left: 24px;
    background: #FFFFFF;
}

#mainpageContent .inner div.grid h1 {
    font-size: 12px;
    color: #ed2028;
    margin: 20px 0px 0px 20px !important;
    padding: 0px 0px 0px 0px !important;
    line-height: normal;
}

#mainpageContent .inner div.box1 .img {
    position: absolute;
    z-index: 9;
    top: -8px;
    left: -8px;
}

#mainpageContent .inner div.box2 .date h1 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#mainpageContent .inner div.box2 .date h2 {
    margin-bottom: 20px !important;
}

#mainpageContent .inner div.box2 article {
    margin-bottom: 10px;
}

#videoControl a.next,
#videoControl a.prev {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url(../Images/video_arrows.png) no-repeat 0 0;
}

#videoControl a.next {
    background-position: 0px 0px;
    top: 20px;
    right: 20px;
}

#videoControl a.prev {
    background-position: -21px 0px;
    top: 20px;
    right: 90px;
}

#videoControl small {
    position: absolute;
    top: 21px;
    right: 50px;
}

#mainpageContent .inner div.box3 .videoContent {
    margin: 10px 0 0 20px;
}

.mainIframe {
    width: 260px;
    height: 140px;
    overflow: hidden;
}

    .mainIframe #psframe {
        width: 260px;
        height: 140px;
        overflow: hidden;
    }
/* end mainpage content */
/*-----------------------------------------------------------------------------------*/
/*	4. Banner Content
/*-----------------------------------------------------------------------------------*/
#bannerArea {
    width: 100%;
    height: 390px;
    background: #ffffff url(../Images/pattern.png) repeat center top;
    border-bottom: #e7e7e7 solid 1px;
}
/*-----------------------------------------------------------------------------------*/
/*	5. Footer Content 
/*-----------------------------------------------------------------------------------*/
#footer {
    width: 100%;
    height: 84px;
    position: relative;
    z-index: 9;
}

    #footer .top {
        width: 100%;
        height: 36px;
        background: #ffffff url(../Images/footer_top.png) repeat-x 0 0;
    }

    #footer .bottom {
        width: 100%;
        height: 48px;
        background: #ffffff url(../Images/footer_bottom.png) repeat-x 0 0;
    }

    #footer .top .inner {
        width: 960px;
        height: 36px;
        margin: 0 auto;
        position: relative;
    }

    #footer .bottom .inner {
        width: 960px;
        height: 48px;
        margin: 0 auto;
        position: relative;
    }

        #footer .bottom .inner .logo {
            float: left;
            padding: 6px 0 0 0;
        }

        #footer .bottom .inner .privacy {
            float: left;
            padding: 14px 0 0 0;
            margin: 0 0 0 25px;
        }

            #footer .bottom .inner .privacy a {
                font-family: 'OpenSans-Bold';
                font-weight: normal;
                font-style: normal;
                text-decoration: none;
                color: #262626;
                font-size: 12px;
                height: 20px;
                padding: 5px 20px 0 20px;
                display: inline-block;
                background: url(../Images/f_a_line.png) no-repeat 0 0;
                /* text-shadow: 0px 0px 1px rgba(255,255,255, 0.4); */
            }

                #footer .bottom .inner .privacy a:hover {
                    color: #1a1a1a;
                }

        #footer .bottom .inner small {
            float: right;
            font-size: 10px;
            color: #1a1a1a;
            padding: 16px 0 0 0;
        }

ul.socialsNav {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    ul.socialsNav li {
        margin: 0 0 0 0;
        padding: 7px 0 0 0;
        width: 36px;
        height: 21px;
        float: right;
    }

        ul.socialsNav li a {
            width: 36px;
            height: 21px;
            display: block;
            background: url(../Images/socials.png) no-repeat;
        }
            /* */
            ul.socialsNav li a.facebook {
                background-position: 0px 0px;
            }

            ul.socialsNav li a.twitter {
                background-position: -36px 0px;
            }

            ul.socialsNav li a.pinterest {
                background-position: -72px 0px;
            }

            ul.socialsNav li a.youtube {
                background-position: -108px 0px;
            }
            /* */
            ul.socialsNav li a:hover.facebook {
                background-position: 0px -21px;
            }

            ul.socialsNav li a:hover.twitter {
                background-position: -36px -21px;
            }

            ul.socialsNav li a:hover.pinterest {
                background-position: -72px -21px;
            }

            ul.socialsNav li a:hover.youtube {
                background-position: -108px -21px;
            }
/* end footer */

/*-----------------------------------------------------------------------------------*/
/*	6.	Default Page Wrapper
/*-----------------------------------------------------------------------------------*/
#defaultPageWrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    background: #ffffff url(../Images/default_page_top_bg.png) repeat-x 0 0;
}

    #defaultPageWrapper .leftBgBox {
        position: absolute;
        top: 0px;
        left: -480px;
        width: 50%;
        height: 64px;
        background: #e7e7e7;
    }

    #defaultPageWrapper .inner {
        width: 960px;
        height: auto;
        min-height: 400px;
        margin: 0 auto;
    }

    #defaultPageWrapper header {
        width: 960px;
        height: 64px;
    }

        #defaultPageWrapper header h1 {
            width: auto;
            height: 50px;
            padding: 14px 100px 0 0;
            display: inline-block;
            background: #ffffff url(../Images/title_cut_bg.png) no-repeat right 0;
            color: #ed1c24;
            font-size: 42px;
            font-family: 'OpenSans-Bold';
            font-weight: normal;
            font-style: normal;
        }

    #defaultPageWrapper #wrapperBox {
        width: 960px;
        height: 100%;
        position: relative;
    }

    #defaultPageWrapper #wrapperBoxSearch {
        width: 100%;
        height: 100%;
    }

ul.listRedBox {
    margin: 20px 0 0 17px;
    padding: 0px;
    list-style-type: square;
    color: #FF0000;
}

    ul.listRedBox li p {
        color: #505050;
        font-size: 14px;
    }

#defaultPageWrapper #wrapperBox .slideBar {
    float: left;
    width: 260px;
    height: auto;
}

    #defaultPageWrapper #wrapperBox .slideBar span.titleContact {
        width: 50px;
        display: inline-block;
    }

#contactForm input,
#contactForm textarea {
    width: 250px;
    resize: none;
}

#contactForm button:hover {
    color: #C70404;
    -webkit-transition: color linear 0.4s;
    -moz-transition: color linear 0.4s;
    -o-transition: color linear 0.4s;
    transition: color linear 0.4s;
}

#defaultPageWrapper #wrapperBox .maps {
    float: right;
    width: 675px;
    height: auto;
}

#defaultPageWrapper #wrapperBox article {
    padding: 5px 0;
}

#defaultPageWrapper #wrapperBox li.span4 {
    width: 306px !important;
}

#defaultPageWrapper #wrapperBox blockquote {
    margin: 10px 0 10px 0;
    font-style: italic;
    line-height: normal !important;
}


/* sitemapList */
ul.sitemapList {
    margin: 20px 0 0 20px;
    list-style-image: url('../Images/vline_.png');
    list-style-type: none;
}

    ul.sitemapList li {
        padding: 2px 0;
    }

        ul.sitemapList li ul {
            margin: 0px 0 0 20px;
            list-style-image: url('../Images/breadcrumb_arrow.png');
            list-style-type: none;
        }

/* humanResources */
.humanResources .control-group {
    margin-bottom: 8px !important;
}

.humanResources h1.title {
    color: #ED1C24;
    margin: 15px 0;
    text-align: right;
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
}

.humanResources h2.title {
    color: #ED1C24;
    margin: 15px 0;
    padding-right: 315px;
    text-align: right;
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.humanResources h2.alignLeft {
    text-align: left;
    padding-right: 0px !important;
}

.programTable tr td {
    width: auto;
}

.textAreaFull {
    width: 662px;
    resize: none;
}

.textAreaREF {
    width: 290px;
    resize: none;
}

.humanResources .control-group .control-label {
    text-align: right;
    width: 360px;
}

.humanResources .control-group .controls {
    width: 300px;
    float: right;
    margin-left: 0px !important;
}

    .humanResources .control-group .controls input[type="text"] {
        width: 290px !important;
    }


.inputWidthSmall tr td input {
    width: 157px !important;
}

/* heroCustom */
.heroCustom p {
    font-size: 14px !important;
    line-height: normal !important;
}

/* searchPagination */

div.searchPagination {
    text-align: center;
    padding: 20px;
    margin: 7px;
    border-top: #DDDDDD solid 1px;
    /*border-bottom: #DDDDDD solid 1px;*/
}

    div.searchPagination a img {
        vertical-align: middle;
        padding-top: 0px;
        margin-top: -3px;
    }

    div.searchPagination a {
        display: inline-block;
        margin: 2px;
        width: 20px;
        height: 20px;
        padding: 5px;
        background-color: #777777;
        text-decoration: none;
        color: #fff;
        text-align: center;
    }

        div.searchPagination a:hover, div.searchPagination a:active {
            display: inline-block;
            background-color: #555555;
            color: #fff;
            margin: 2px;
            width: 20px;
            height: 20px;
            padding: 5px;
        }

    div.searchPagination span.current {
        display: inline-block;
        background-color: #c5c5c5;
        color: #6d643c;
        margin: 2px;
        width: 20px;
        height: 20px;
        padding: 5px;
    }

    div.searchPagination span.disabled {
        display: none;
    }
/* end searchPagination */



.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
    background: url("../Images/menu_bg.png") repeat-x scroll 0 0 transparent;
}

.colorListDiv {
    height: 65px;
}

#ikForm > div.validation-summary-errors ul {
    color: red;
    padding: 20px 0 20px 350px;
}

.topDescClass a {
    color: #fff;
}

    .topDescClass a:hover {
        color: #fff;
    }

.bottonDescClass {
    padding: 20px 0;
}

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup {
    min-width: 200px;
    min-height: 150px;
    background: white;
}


.grid {
}

.Listreddet input[type=checkbox]    {
    display: none;
}

.Listreddet label {
    display: inline;
    float: left;
    color: #000;
    cursor: pointer;
    text-indent: 20px;
    white-space: nowrap;
    margin: 5px;
    margin-left: 10px;
}

.Listreddet input[type=checkbox] + label {
    display: block;
    width: 1em;
    height: 1em;
    border: 0.0625em solid #0099cc;
    border-radius: 0.25em;
    vertical-align: middle;
    line-height: 1em;
    font-size: 14px;
}

.Listreddet input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #0099cc;
    height: 1em;
    line-height: 1.1em;
    width: 1em;
    margin-right: 6px;
    margin-left: -20px;
    font-weight: bolder;
}

.Listreddet input[type=radio] + label {
    display: block;
    width: 1em;
    height: 1em;
    border: 0.0625em solid rgb(192,192,192);
    border-radius: 1em;
    background: rgb(211,168,255);
    background-image: -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image: -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image: -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image: linear-gradient(rgb(240,240,240),rgb(211,168,255));
    vertical-align: middle;
    line-height: 1em;
    font-size: 14px;
}

.Listreddet input[type=radio]:checked + label::before {
    content: "\2716";
    color: #fff;
    display: inline;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    font-weight: bold;
}

.pnl_icon_onay {
    padding: 4px;
}


.mainmenuicon {
    width:260px;
    margin-bottom:15px;
    float:left;
 
}