/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	PEPI OS MAIN STYLESHEET - COPYRIGHT 2009 PEZUS WEB DESIGN ALL RIGHTS RESERVED
	This file contians the core styles for POS. This is file is compressed once implemented.
	File Version: 1.0
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Main styles for HTML/BODAY tags etc... Mostly element selectors and global styles (tips etc...)
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*{margin:0px;padding:0px}
html, body{min-width:800px;min-height:600px;height:100%;width:100%;overflow:hidden}
body{background:url(wallpaper/default.jpg) no-repeat center center #fff;font-size:10px;font-family:Verdana;color:#000;line-height:18px}
option{padding-right:15px !important}
.clear{clear:both;height:1px}
.display_none{display:none}
.display_block{display:block}
.no_outline{outline:0px none}
.no_border{border:0px none}
.cross_through{text-decoration:line-through !important}
.cursor_pointer{cursor:pointer}
img{border:none}
.center{text-align:center}
#loginLoadScreen{position:absolute;width:100%;height:100%;min-height:100%;min-width:100%;background:#fff;z-index:10000;top:0px;left:0px;}
#loadingLogoBar{position:absolute;top:50%;left:50%;margin:-110px 0 0 -250px;width:500px;min-width:500px;height:220px;min-height:220px;}
#loadingLogo{width:500px;min-width:500px;height:179px;min-height:179px;background:url(../images/pepioslogo.png) no-repeat;}
#loadingBar div{position:relative;font-size:9px;text-align:center;top:40px;}
#loadingBar{width:500px;min-width:500px;height:41px;min-height:41px;background:url(../images/mainloader2.gif) no-repeat center center;}
#loadingLoginForm{width:500px;height:70px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -250px}
.input{width:140px;padding:5px;}
#userPhotoLogin{float:left;width:70px;min-width:70px;height:70px;min-height:70px;margin-right:15px;}
#userNameLogin{float:left;padding:5px;}
#userNameLogin2{float:left;padding:25px 5px 5px;font-size:16px;}
#userPasswordLogin{float:left;padding:5px;}
#resetSettings{width:500px;float:left;text-align:center;}
#resetSettings div{cursor:pointer;text-decoration:underline}
#resetSettings div:hover{color:#C93}
#userButtonLogin{width:70px;padding:0 5px;float:left;text-align:center;position:relative;top:25px;}
#userButtonLogin input{margin:0 auto;}
#userIsGuest{width:148px;height:26px;position:relative;top:22px;cursor:pointer;float:left;}
#posContainer{position:relative;min-width:100%;min-height:100%;height:100%;width:100%;z-index:1}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Desktop styles, not including the taskbar or main menu
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#posSysInfo{position:absolute;bottom:0px;right:0px;width:260px;height:120px;min-height:120px;min-width:260px;background:url(../images/pepioslogosmall.png) no-repeat top left;line-height:10px;font-size:9px;color:#000;z-index:-3}
#posSysInfoDiv{position:relative;margin:0 auto;top:70px}
#uptimeDiv{font-style:italic}
.mainloader{width:178px;height:38px;display:block;position:absolute;left:50%;top:50%;margin:-19px 0 0 -89px;min-width:178px;min-height:38px;background:url(../images/mainloader.gif) no-repeat top left;}
.mainloaderblack{width:178px;height:38px;display:block;position:absolute;left:50%;top:50%;margin:-19px 0 0 -89px;min-width:178px;min-height:38px;background:url(../images/mainloaderblack.gif) no-repeat top left;}
.dragableicon{position:absolute;width:70px;z-index:-2;cursor:pointer}
.turnBackCol{background-color:#FC0;z-index:-1}
#posDesktopArea{position:relative;width:100%;height:100%;min-height:600px;min-width:800px;z-index:1;margin-top:-36px;cursor:default}
#screenSaverOverlay{position:absolute;top:0px;left:0px;width:100%;height:100%;min-height:100%;min-width:100%;visibility:hidden;z-index:5000}
#loadingThemes{position:absolute;top:0px;left:0px;width:100%;height:100%;min-height:100%;min-width:100%;visibility:hidden;z-index:55000;background:#000;}
#pleasewaitwhile{position:absolute;top:-25px;color:#fff;text-align:center;width:250px;left:-30px}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Taskbar styles, not including the main menu
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#posActiveTime{position:absolute;right:5px;min-height:30px;height:30px;min-width:24px}
#posActiveTimeLeft{float:left;background:url(../images/taskbarletleft.png) no-repeat;width:8px;min-height:30px;height:30px;min-width:8px}
#posActiveTimeRight{float:left;background:url(../images/taskbarletright.png) no-repeat;width:8px;min-height:30px;height:30px;min-width:8px}
#posActiveTimeMiddle{float:left;background:url(../images/taskbarletmiddle.png) repeat-x;min-height:30px;height:30px;min-width:8px}
#posTheDate{font-size:10px;position:relative;top:5px}
#posTaskBarLoadArea{position:absolute;z-index:2;left:45px;height:30px;min-height:30px;width:auto}
#posTaskbar{position:relative;background:url(../images/taskbarback.png) repeat-x;height:36px;min-height:36px;width:100%;min-width:100%;z-index:2;color:#000}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Main menu styles
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#posLogOff{cursor:pointer;position:absolute;width:63px;height:19px;top:14px;left:10px}
#posShutDown{cursor:pointer;position:absolute;width:73px;height:19px;top:14px;right:10px}
#posMainMenuTopName{text-align:right;position:absolute;right:10px;top:1px;}
#posMainMenuTopName img{width:30px;height:30px;vertical-align:middle;margin-right:5px}
#posMenuButton{cursor:pointer;position:absolute;left:5px;z-index:4}
#posMainMenu{position:absolute;left:5px;z-index:3;top:-1000px}
#posMainMenuTop{background:url(../images/mainmenutop.png) no-repeat;width:196px;height:40px;min-height:40px;min-width:196px;position:relative}
#posMainMenuBottom{background:url(../images/mainmenubottom.png) no-repeat;width:196px;height:44px;min-height:44px;min-width:196px;position:relative;z-index:10}
#posMainMenuMiddle{background:url(../images/mainmenumiddle.png) repeat-y;width:196px;min-height:40px;min-width:196px;position:relative;z-index:14}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Drop down styles for the main menu
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.dropdown{display:none;margin:0 auto;padding:0;list-style:none;position:relative;left:12px;width:172px;z-index:15}
.dropdown ul{margin:0;padding:0;list-style:none;width:172px}
.dropdown li{margin:0;cursor:pointer;border-top:0;background-color:#f4f4f4;width:172px;height:20px;min-height:20px}
.dropdown a{text-decoration:none;color:#000;width:100%;height:20px;min-height:20px}
.dropdown a img{margin-top:-1px;vertical-align:middle;margin-left:3px}
.dropdown a:hover{background-color:#cdcdcd}
.dropdown ul li{margin-left:-1px;height:20px;min-height:20px}
.dropdown li.submenu-down{background:#f4f4f4 url(../images/expand_down.png) center left no-repeat;width:172px;height:20px;min-height:20px}
.dropdown li.submenu-left{background:#f4f4f4 url(../images/expand_right.png) center right no-repeat;width:172px;height:20px;min-height:20px}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Context Menu styles
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.posContextMenu{border:1px solid #999;padding:0;background:#f3f3f3;width:auto;list-style-type:none;display:none}
.posContextMenu .separator{border-top:1px solid #999}
.posContextMenu li{margin:0;padding:0}
.posContextMenu li a{display:block;padding:5px 10px 5px 15px;width:auto;font-size:12px;text-decoration:none;font-family:tahoma,arial,sans-serif;color:#000;background-position:8px 8px;background-repeat:no-repeat}
.posContextMenu li a:hover{background-color:#ddd}
.posContextMenuli a.disabled{color:#ccc;font-style:italic}
.posContextMenu li a.disabled:hover{background-color:#eee}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Switch box styles (for settings etc...)
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.switchbox{margin:0 auto 10px;display:block;position:relative}
.switchbox .scrollarea{width:125px;height:29px;background:url(../images/track.png) no-repeat;position:relative;margin:0}
.switchbox div.handle{width:42px;height:29px;background:url(../images/handle.png) center center no-repeat;cursor:col-resize;position:absolute;left:0;top:0}
.switchbox div.label{font-family:"Helvetica","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;font-size:11px;font-weight:bold;color:#DDD;text-shadow:0 -1px 1px #555;position:absolute;top:0;display:block;line-height:29px;width:50px;text-align:center;cursor:pointer}
.switchbox div.light_bg{color:#555;text-shadow:0 1px 1px #FFF}
.switchbox div.right{right:0}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Styling for the tips
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tipmeclass{width:177px;min-width:177px;min-height:20px;background:url(../images/tips.png) repeat-y;font-size:9px;color:#000;padding-right:7px;position:relative;z-index:500;margin-top:10px}
.tip-bottom{background:url(../images/tips.png) no-repeat 0 -171px;width:177px;min-width:177px;height:7px;min-height:7px;position:relative;top:7px}
.tip-text{display:none}
.tip-title{position:relative;top:4px;left:4px;z-index:500}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	All styles for all windows
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.posInTaskBar{position:relative;min-height:30px;height:30px;min-width:24px;cursor:pointer;float:left}
.posInTaskBarLeft{float:left;background:url(../images/taskbarletleft.png) no-repeat;width:8px;min-height:30px;height:30px;min-width:8px}
.posInTaskBarRight{float:left;background:url(../images/taskbarletright.png) no-repeat;width:8px;min-height:30px;height:30px;min-width:8px}
.posInTaskBarMiddle{float:left;background:url(../images/taskbarletmiddle.png) repeat-x;min-height:30px;height:30px;min-width:8px}
.posInTaskBarMiddle p{padding-top:5px}
.posInTaskBarMiddle img{vertical-align:middle}
.posInTaskBarLeftOver{background:url(../images/taskbarletleftover.png) no-repeat !important}
.posInTaskBarRightOver{background:url(../images/taskbarletrightover.png) no-repeat !important}
.posInTaskBarMiddleOver{background:url(../images/taskbarletmiddleover.png) repeat-x !important}
.posWindow{min-height:50px;min-width:250px;position:absolute;top:56px;left:50px}
.posWindowTop{width:100%;background:url(../images/topleft.png) no-repeat top left;height:21px;min-height:21px;position:relative;cursor:move;z-index:55;color:#000}
.posWindowTopRight{background:url(../images/topright.png) repeat-x top right;height:21px;min-height:21px;width:100%;min-width:100%;margin-left:10px;position:relative;padding-left:10px}
.posWindowTopRight p{float:left;position:relative;top:6px;left:-10px;z-index:25}
.posWindowTopRight img{vertical-align:middle}
.posWindowBottom{width:100%;background:url(../images/bottomleft.png) no-repeat top left;height:10px;min-height:10px;position:relative}
.posWindowBottomRight{background:url(../images/bottomright.png) repeat-x top right;height:10px;min-height:10px;width:100%;min-width:100%;margin-left:10px;padding-left:10px;position:relative}
.posWindowBottomRightRight{position:absolute;right:0px;width:20px;height:10px;cursor:se-resize}
.posWindowMiddle{width:100%;background:url(../images/middleleft.png) repeat-y;min-height:55px;position:relative;height:100%;padding-bottom:8px}
.posWindowMiddleContent{background:url(../images/middleright.png) repeat-y top right;min-height:55px;width:100%;min-width:100%;padding-left:10px;margin-left:10px;position:relative;padding-bottom:8px;height:100%}
.posWindowInner{width:100%;min-height:50px;position:relative;left:-10px;height:100%;margin-bottom:8px;padding-top:5px}
.posWindowInnerTop{width:100%;background:url(../images/topinnerleft.png) no-repeat top left;height:1px;min-height:1px;position:relative}
.posWindowInnerTopRight{background:url(../images/topinnerright.png) repeat-x top right;height:1px;min-height:1px;width:100%;min-width:100%;margin-left:1px;position:relative}
.posWindowInnerBottom{width:100%;background:url(../images/bottominnerleft.png) no-repeat top left;height:2px;min-height:2px;position:relative}
.posWindowInnerBottomRight{background:url(../images/bottominnerright.png) repeat-x top right;height:2px;min-height:2px;width:100%;min-width:100%;margin-left:1px;position:relative}
.posWindowInnerMiddle{width:100%;background:url(../images/middleinnerleft.png) repeat-y;min-height:55px;position:relative;height:100%}
.posWindowInnerMiddleContent{background:url(../images/middleinnerright.png) repeat-y top right;min-height:55px;width:100%;min-width:100%;margin-left:1px;height:100%;overflow:auto;position:relative;color:#000}
.posClose{cursor:pointer;width:41px;height:17px;min-height:17px;min-width:41px;background:url(../images/buttons.png) no-repeat 0 -34px;float:right;position:relative;top:4px;margin-right:9px;z-index:30}
.posClose:hover{background:url(../images/buttons.png) no-repeat 0 -85px}
.posMaximize{cursor:pointer;width:41px;height:17px;min-height:17px;min-width:41px;background:url(../images/buttons.png) no-repeat 0 -17px;float:right;position:relative;z-index:30;top:4px}
.posMaximize:hover{background:url(../images/buttons.png) no-repeat 0 -68px}
.posMinimize{cursor:pointer;width:41px;height:17px;z-index:30;min-height:17px;min-width:41px;background:url(../images/buttons.png) no-repeat 0 0;float:right;position:relative;top:4px}
.posMinimize:hover{background:url(../images/buttons.png) no-repeat 0 -51px}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Styles for Alerts, Confirms and Debug prompts
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#alertsoverlay{position:fixed;top:0px;left:0px;z-index:10000;width:100%;height:100%}
.posAlertsBox{min-height:50px;min-width:150px;position:absolute;top:50%;left:50%;z-index:10001;color:#000}
.posAlertsTop{width:100%;background:url(../images/alertstopleft.png) no-repeat top left;height:21px;min-height:21px;position:relative;z-index:55}
.posAlertsTopRight{background:url(../images/alertstopright.png) repeat-x top right;height:21px;min-height:21px;width:100%;min-width:100%;margin-left:10px;position:relative;padding-left:10px}
.posAlertsTopRight p{float:left;position:relative;top:6px;left:-10px;z-index:25}
.posAlertsTopRight img{vertical-align:middle}
.posAlertsBottom{width:100%;background:url(../images/alertsbottomleft.png) no-repeat top left;height:10px;min-height:10px;position:relative}
.posAlertsBottomRight{background:url(../images/alertsbottomright.png) repeat-x top right;height:10px;min-height:10px;width:100%;min-width:100%;margin-left:10px;padding-left:10px;position:relative}
.posAlertsBottomRightRight{position:absolute;right:0px;width:20px;height:10px;cursor:se-resize}
.posAlertsMiddle{width:100%;background:url(../images/alertsmiddleleft.png) repeat-y;min-height:55px;position:relative;height:100%;padding-bottom:8px}
.posAlertsMiddleContent{background:url(../images/alertsmiddleright.png) repeat-y top right;min-height:55px;width:100%;min-width:100%;padding-left:10px;margin-left:10px;position:relative;padding-bottom:8px;height:100%}
.posAlertsMiddleContent span{position:relative;top:25px;display:block}
.posAlertsMiddleContent span img{float:left;margin-right:10px}
.posAlertsClose{cursor:pointer;width:41px;height:17px;min-height:17px;min-width:41px;background:url(../images/buttons.png) no-repeat 0 -34px;float:right;position:relative;top:4px;margin-right:9px}
.posAlertsClose:hover{background:url(../images/buttons.png) no-repeat 0 -85px}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	Styles for individual applications
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.asetting{padding:2px 20px;border-bottom:1px solid #CCC}
.requestScreen{width:178px;height:38px;position:absolute;left:50%;top:50%;margin:-19px 0 0 -89px}
#innerGeneralSettings{width:399px;height:350px;background:#ececec;position:relative}
.applyCancel{position:absolute;bottom:0;width:100%;text-align:center;left:0;min-width:100%}
.sysVolSlider{background:url(../images/slider.png) no-repeat;width:249px;height:16px;position:relative;margin: 0 auto;min-height:16px;min-width:249px;}
.sysVolSliderKnob{background:url(../images/sliderhandle.png) no-repeat;width:24px;height:16px;position:absolute;min-height:16px;min-width:24px;}
.minusplus{width:283px;height:16px;min-height:16px;min-width:283px;background:url(../images/minusplus.png) no-repeat;position:relative;top:-10px;margin:0 auto}
#innerAccessibilitySettings{width:399px;height:300px;background:#ececec;position:relative}
.fontSizeSlider{background:url(../images/slider.png) no-repeat;width:249px;height:16px;position:relative;margin: 0 auto;min-height:16px;min-width:249px;top:10px}
.fontSizeSliderKnob{background:url(../images/sliderhandle.png) no-repeat;width:24px;height:16px;position:absolute;min-height:16px;min-width:24px;}
.fontWeightSlider{background:url(../images/slider.png) no-repeat;width:249px;height:16px;position:relative;margin: 0 auto;min-height:16px;min-width:249px;top:10px}
.fontWeightSliderKnob{background:url(../images/sliderhandle.png) no-repeat;width:24px;height:16px;position:absolute;min-height:16px;min-width:24px;}
#yourFontSetting{position:relative;top:10px;}
#yourFontWeightSetting{position:relative;top:10px;}
#innerSecuritySettings{width:399px;height:200px;background:#ececec;position:relative}
#innerUserSettings{width:499px;height:530px;background:#ececec;position:relative}
#userphotoselection{position:relative;width:452px;height:auto; border:1px #000 ridge;background:#fff;margin:0 auto}
#userphotoselection .pp{float:left;width:90px;height:90px;text-align:center;position:relative}
#userphotoselection .pp img{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px}
#userphotoselection .ppover{background:#FC0;}
#innerGammaSettings{width:399px;height:200px;background:#ececec;position:relative}
.gammaSlider{background:url(../images/slider.png) no-repeat;width:249px;height:16px;position:relative;margin: 0 auto;min-height:16px;min-width:249px;top:10px}
.gammaSliderKnob{background:url(../images/sliderhandle.png) no-repeat;width:24px;height:16px;position:absolute;min-height:16px;min-width:24px;}
#gammaLevel{position:relative;top:10px;}
#innerScreenSaverSettings{width:399px;height:400px;background:#ececec;position:relative}
#ssColorPicker{position:relative;width:337px;height:30px; border:1px #000 ridge;background:#fff;margin:0px auto}
#ssColorPicker .cb{cursor:pointer;width:28px;height:28px;float:left;position:relative;}
#ssColorPicker .cb div{position:absolute;top:50%;left:50%;width:18px;height:18px;border:1px solid #000;margin:-10px 0 0 -10px}
#ssColorPicker .cbover{background:#FC0;}
#innerThemesSettings{width:599px;height:600px;background:#ececec;position:relative}
#themeselectionbox{position:relative;width:452px;height:auto; border:1px #000 ridge;background:#fff;margin:0 auto}
#themeselectionbox .tsb{float:left;width:90px;height:90px;text-align:center;position:relative}
#themeselectionbox .tsb img{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;width:70px;height:70px;}
#themeselectionbox .tsbover{background:#FC0;}
#themeselectionpreview{width:500px;margin:0 auto;min-width:500px;height:344px;min-height:344px;}
#themeselectionpreview img{width:500px;margin:0 auto;min-width:500px;height:344px;min-height:344px;}
#innerWallpaperSettings{width:599px;height:500px;background:#ececec;position:relative}
#wallpaperselectionbox{position:relative;width:452px;height:auto; border:1px #000 ridge;background:#fff;margin:0 auto}
#wallpaperselectionbox .wsb{float:left;width:90px;height:90px;text-align:center;position:relative}
#wallpaperselectionbox .wsb img{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;width:70px;height:70px;}
#wallpaperselectionbox .wsbover{background:#FC0;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
	END PEPI OS MAIN STYLESHEET - COPYRIGHT 2009 PEZUS WEB DESIGN ALL RIGHTS RESERVED
*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/