@import "round_corners.css";

*
{
    margin:0px;
    padding:0px;
    position:relative;
    font-family: "Trebuchet MS";
}

body
{
    text-align:center;
    background: url(../images/background_big.gif) repeat left top;
}

body *
{
    text-align:left;
}

a
{
    font-weight:bold;
    color:#A5EE00;
}

a:hover
{
    color:white;
}

a img
{
    border:none;
}

form
{
    /*no mass style for now*/
}

    form label
    {
        margin-top: 4px;
        display:block;
        font-weight: bold;
    }

    form .inputError
    {
        display: block;
        color: red;
        padding-left: 5px;
    }

    form .mandatoryMarker
    {
        color: #990000;
    }

    form .textInput
    {
        color: #B1FF00;
        background: transparent;
        border: 1px solid #517400;
        width: 60%;
    }

    form .textInput:focus
    {
        border: 1px solid #84BF00;
        background: url(../images/content_bkg.png) repeat left top;
    }

    form textarea
    {
        height: 200px;
        width:90% !important;
    }
    
    form .buttonInput
    {
        display: block;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    form .captchaImage
    {
        border: 1px solid #92D304;
        margin-top: 10px;
        display: block;
        cursor: pointer;
    }
    
    form .captchaNote
    {
        font-size: 10px;
    }

#loadingImg
{
    opacity:0;
    position:absolute;
}

.darkBackground
{
    background: url(../images/content_bkg.png) repeat left top;
    border-left: 1px solid #262626;
    border-right: 1px solid #262626;
}

.darkBackgroundF
{
    background: url(../images/footer_bkg.png) repeat left top;
}


#ornament_cont
{
    position:absolute;
    height:201px;
    width:100%;
    top:0px;
    background: url(../images/ornament_cont.png) repeat-x left top;
}

#ornament_pic
{
    position:absolute;
    height:251px;
    width:100%;
    top:0px;
    background: url(../images/ornament_pic.gif) no-repeat center bottom;
}

#topSeparator
{
    height:50px;
}

#a_mainContent
{
    width:90%;
    height:100%;
    margin:0 auto;
    margin-bottom:20px;
}

#mainMenu
{
    position:absolute;
    width: 22px;
    left: -21px;
    top:150px;
    z-index: 10;
}

    #mainMenu *
    {
        cursor: pointer !important;
    }

    #mainMenu li
    {
        list-style: none;
        margin-top: 1px;
        border-right: 1px solid black;
    }
    
    #mainMenu li.selected#home_li
    {
        border-right: 1px solid #272727;
    }

    #mainMenu li.selected#projects_li
    {
        border-right: 1px solid #262626;
    }

    #mainMenu li.selected#blog_li
    {
        border-right: 1px solid #1F1F1F;
    }

    #mainMenu li.selected#contact_li
    {
        border-right: 1px solid #1A1A1A;
    }

    
    #mainMenu li .menuImgHolder
    {
        background: url(../images/menu_bkg.png) repeat left top;
        display:block;
    }

    #mainMenu li.selected .menuImgHolder
    {
        background: url(../images/content_bkg.png) repeat left top;
    }

    #mainMenu li a
    {
        position: relative;
    }

    #mainMenu .menuItem
    {
        width: 22px;
        height: 90px;
        display: block;
        border-left: 1px solid #262626;
    }

    #mainMenu  #menu_home
    {
        background: url(../images/menu/home.png) no-repeat left top;
    }

    #mainMenu  #menu_home.selectedMenu
    {
        background: url(../images/menu/home_selected.png) no-repeat left top;
    }

    #mainMenu  #menu_projects
    {
        background: url(../images/menu/projects.png) no-repeat left top;
    }

    #mainMenu  #menu_projects.selectedMenu
    {
        background: url(../images/menu/projects_selected.png) no-repeat left top;
    }

    #mainMenu  #menu_products
    {
        background: url(../images/menu/products.png) no-repeat left top;
    }

    #mainMenu  #menu_products.selectedMenu
    {
        background: url(../images/menu/products_selected.png) no-repeat left top;
    }

    #mainMenu  #menu_services
    {
        background: url(../images/menu/services.png) no-repeat left top;
    }

    #mainMenu  #menu_.selectedMenu
    {
        background: url(../images/menu/services_selected.png) no-repeat left top;
    }

    #mainMenu  #menu_blog
    {
        background: url(../images/menu/blog.png) no-repeat left top;
    }

    #mainMenu  #menu_blog.selectedMenu
    {
        background: url(../images/menu/blog_selected.png) no-repeat left top;
    }


    #mainMenu  #menu_contact
    {
        background: url(../images/menu/contact.png) no-repeat left top;
    }

    #mainMenu  #menu_.selectedMenu
    {
        background: url(../images/menu/contact_selected.png) no-repeat left top;
    }


#topWidgets
{
    margin-top: 22px;
    margin-bottom: 88px;
    width: 360px;
    position: absolute;
}

    #loginBlock
    {
        padding: 4px;
        padding-left: 10px;
    }

    #loginBlock h3
    {
        color: #A5EE00;
        margin-bottom: 10px;
    }

    #loginBlock label
    {
        display: inline;
    }

    #loginBlock .mandatoryMarker
    {
        display: none;
    }

    #loginBlock .textInput
    {
        width: 100px;
    }

    #loginBlock .buttonInput
    {
        display: inline !important;
        margin-top: 0px !important;
        font-size: 12px;
    }

    #topWidgets #topWidgetBar
    {
        margin-top: -1px;
        padding-left: 10px;
        height: 22px;
    }
    
        #topWidgets #topWidgetBar .barItem
        {
            float: left;
            margin-left: 5px;
            font-size: 10px;
            color: #517400;
            border-top: 1px solid black;
            cursor: pointer;
            width: 55px;
        }
            #topWidgets #topWidgetBar .barItem#selected
            {
                color: #A5EE00;
                border-top: 1px solid #273900;
            }
        
            #topWidgets #topWidgetBar .barItem span
            {
                display: block;
                padding: 0px !important;
                text-align: center;
            }

.holder
{
    margin-top: 150px;
}

#mainContent
{
    border-left:1px solid black;
    border-right:1px solid black;
    color:white;
    font-size:12px;
    padding-left:30px;
    padding-right:20px;
    padding-bottom:40px;
    width:auto;
    height:auto;
    background: url(../images/content_bkg.png) repeat left top;

}

    #a_mainContent #logo
    {
        width:155px;
        height:94px;
        position:absolute;
        top:10px;
        right:10px;
        background: url(../images/logo.png) no-repeat left top;
    }

    #mainContent #mctr
    {
        background: url(../images/main_corners/right_top.gif) no-repeat right top;
        position:absolute;
        height:6px;
        width:6px;
        right:-1px;
        top:-1px;
    }

    #mainContent #mctl
    {
        background: url(../images/main_corners/left_top.gif) no-repeat left top;
        position:absolute;
        height:6px;
        width:6px;
        left:-1px;
        top:-1px;
    }


    #a_mainContent #footer
    {
        font-size:10px;
        height:25px;
        background:url(../images/footer_bkg.png) left top;
        border-top:1px solid black;
        color:#747474;
        bottom:0px;
        left:0px;
    }

    #a_mainContent #footer span#cr
    {
        margin-left:10px;
        margin-top:6px;
        display:block;
        width: 350px;
    }

#mainContent h1
{
    color:#a5ee00;
    font-size:24px;
}

#mainContent p
{
    margin-top:10px;
}

.separator
{
    height: 8px;
    margin-bottom: -8px;
    font-size: 1px;
}

    .separator .separatorLeft
    {
        height: 8px;
        width: 8px;
        float: left;
        margin-left: -12px;
        background: url(../images/hr_left.png) no-repeat left top;
        font-size: 1px;
    }

    .separator .separatorRight
    {
        height: 8px;
        width: 8px;
        float: right;
        margin-right: -12px;
        background: url(../images/hr_right.png) no-repeat left top;
        font-size: 1px;
    }

.spacer
{
    height: 1px;
}

#power
{
    position: absolute;
    right: 10px;
    color: #747474;
    width: 130px;
    text-align: right;
}

    #power span#cr
    {
        position: absolute;
        left: 0px;
        top: 5px;
    }

    #power a.droneLogo
    {
        float: right;
    }
    
        #power a.droneLogo span
        {
            margin-top: 3px;
            display: block;
            width: 70px;
            height: 19px;
            background: url(/?=phpDroneLogo2600) no-repeat left top;
            cursor: pointer;
        }

    #power img
    {
        margin-top: 5px;
    }