/******* FRONTEND CSS styles *******/
/******** Copyright © Pixio 2013 *******/
/************* www.pixio.cz ************/



/*****************************************************************************************************************************/
/* ----- Fixed Control box ----- */
#EditFrontendBox{position: fixed;left: 0px;top: 25%;width: 166px;height: 344px;background: url(frontend-img/edit_page_box.png) top left no-repeat;z-index: 900;}
#EditFrontendBox a{position: absolute;display: block;color: #414141;background-position: top left;background-repeat: no-repeat;text-decoration: none;font-weight: bold;font-size: 13px;}
#EditFrontendBox a#EditFrontendPage{width: 159px;padding: 22px 0;top: 68px;background: url(frontend-img/edit-page.png);}
#EditFrontendBox a#EditFrontendFile{width: 159px;padding: 19px 0;top: 152px;background: url(frontend-img/edit-file.png);}
#EditFrontendBox #EditFrontendAdmin{background: url(frontend-img/edit-admin.png);height: 52px;line-height: 52px;text-indent: 65px;bottom: 60px;width: 159px;}
#EditFrontendBox #EditFrontendHeader{width: 166px;text-align: center;display: block;height: 68px;line-height: 72px;font-size: 16px;color: #29383f;}

#EditFrontendBox a#EditFrontendPage:hover, #EditFrontendBox a#EditFrontendFile:hover, #EditFrontendBox a#EditFrontendAdmin:hover{text-decoration: underline;}
#EditFrontendBox #EditFrontendPage span{width: 100px;display: block;position: relative;left: 65px;top: -5px;line-height: 20px;}
#EditFrontendBox #EditFrontendFile span{width: 80px;display: block;position: relative;left: 75px;top: -2px;line-height: 20px;}
#EditFrontendBox #EditFrontendPixio{width: 54px;height: 19px;background: url(frontend-img/edit-pixio.png);text-indent: -5555px;bottom: 25px; right: 25px;}

/* ----- Fixed Login box----- */

#LoginFrontendBox{width: 835px;height: 53px;background: url(frontend-img/frontend_login_box.png) top left no-repeat;position: fixed;bottom: 0px;left: 24%;color: #28363d;font-size: 12px;display: none;}
#LoginFrontendBox .LoginFrontendHeader{font-size: 13px;display: block;height: 52px;padding: 24px 0 0 0 ;position: absolute;color: #28363d;left: 23px;}
#LoginFrontendBox #LoginFrontendHeaderSuccess{text-transform: uppercase;color: #138707;}
#LoginFrontendBox #LoginFrontendButton{border: 0px;background: url(frontend-img/frontend_loginbutton.png) top left no-repeat;width: 45px;height: 29px;text-indent: -5555px;cursor: pointer;margin-left: 8px;}
#LoginFrontendBox #LoginFrontendButton:hover, #LoginFrontendBox #LoginFrontendClose:hover, #LoginFrontendBox #LoginFrontendButtonLogout:hover{background-position: bottom left;}
#LoginFrontendBox #LoginFrontendPixio{width: 54px;height: 19px;background: url(frontend-img/edit-pixio.png);bottom;top: 20px; left: 731px;text-indent: -5555px;position: relative;display: block;}
#LoginFrontendBox #LoginFrontendClose{display: block;width: 18px;height: 18px;background: url(frontend-img/frontend_login_close.png);text-indent: -5555px;cursor: pointer;position: absolute;right: 16px;top: 21px;}
#LoginFrontendBox #LoginFrontendForgot{color: #28363d;text-decoration: underline;font-weight: bold;line-height: 56px;margin-left: 14px;}
#LoginFrontendBox #LoginFrontendForgot:hover{text-decoration: none;}
#LoginFrontendBox label{line-height: 56px;margin-left: 14px;}	
#LoginFrontendBox input[type="text"], #LoginFrontendBox input[type="password"]{background: url(frontend-img/frontend_login_textbox.png) top left no-repeat;width: 127px;height: 31px;border: 0px;padding: 0 0 0 7px;}
#LoginFrontendBox input[type="text"]:focus, #LoginFrontendBox input[type="password"]:focus{background-position: bottom left;}
#LoginFrontendBox form{position: absolute;left: 110px;top: 1px;line-height: 55px;}
#LoginFrontendBox #LoginFrontendButtonLogout{border: 0px;background: url(frontend-img/frontend_logoutbutton.png) top left no-repeat;width: 118px;height: 29px;cursor: pointer;margin-left: 8px;color: white;text-indent: 5px;text-align: left;font-weight: bold;margin-left: 20px;}
#LoginFrontendBox #LoginFrontendLoggedas{margin: 0 27px 0 15px;float: left;display: block;width: 233px;}
#LoginFrontendBox .LoginFrontendLink{color: #28363d;padding: 0 0 0 22px;margin-left: 15px;border-left: 1px solid black;border-left: 1px solid black;}
#LoginFrontendBox .LoginFrontendLink:hover{text-decoration: none;}
/*****************************************************************************************************************************/