@import url('/Root/System/Common/css/icons.css');

/* Compatibility hacks for the ext-all.css situation */

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

h3
{
    font-size: 100%;
}

/* HACK: Hide Inline edit property dialog */
.snWSPage .snContentAddNewPortlet #InlineViewProperties,
.snWSPage .snContentEditorPortlet #InlineViewProperties { display: none; }
/****/

/* Common styles */

.snWsJsOnly, .snWsMsieOnly
{
    display: none !important;
}

.snWS a
{
    color: #007DC2;
}
.snWS form
{
    margin: 0;
    padding: 0;
}
.snWS .snPtHeader
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.snWS .snPtBody
{
    overflow: hidden;
    padding: 8px;
}

/* Layout & generic looks specific part */
.snHeader
{
    background: none;
    height: auto;
}
.snHeader .snPortlet
{
    z-index: 20;
}
.snHeader .snPtHeader
{
    margin: 0;
}
.snHeader .snBreadCrumbPortlet
{
    margin-top: -12px;    
    z-index: 10;
    margin-bottom: 0;
}

.snCenterLeft
{
    width: 357px;
}

.snCenterRight
{
    width: 179px;
}

.snFooter
{
    height: 55px;
    background-image: none;
    background-color: #007dc2;
}

.snFooter a.snPortalengine
{
    position: static;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.snFooter .snCopyright
{
    float: right;
    color: #ffffff !important;
    font-size: 8pt;
    margin-top: 18px;
    margin-right: 20px;
}

.snCopyright a
{
    color: #ffffff !important;
}

/* Special workspace behaviors: */

/* Mouse pointer behaviors */

.snWsWait
{
    cursor: wait !important;
}

.snWsWait a
{
    cursor: wait !important;
}

/* - Inside headers for listings (eg. date in "Recently changed...") */

h3.snWsInsideHeader
{
    color: #333;
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
    margin: 10px 0;
}

/* - File lists */

ul.snWsIconView
{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.snWsIconView li
{
    float: left; display: inline;
    width: 79px;
    height: 70px;
    position: relative;
    margin: 0 3px 3px 0;
}

.snWsIcon
{
    position: relative;
    display: block;
    height: 26px;
    padding-top: 39px;
    padding-bottom: 5px;
    margin: 0;
    background: url("/Root/System/Common/img/icon/big/_default.png") no-repeat 50% 5px;
    text-align: center;
    font-size: x-small;
    text-decoration: none;
}
.snWsIconView .snWsIcon {
    min-width: 69px;
}
.snWsIconFileType
{
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.snWsIconActionField
{
    display: none;
    position: absolute; 
    left: 8px;
    top: 6px; 
    width: 16px;
    padding: 2px 0;
}

.snWsIconActionField ul
{
    margin: 0; padding: 0;
    list-style: none;
    text-align: center;
}

.snWsIconActionField ul li
{
    float:none; display: inline;
    width: auto;
    height: auto;
}

.snWsIconAction
{
    display: inline-block;
    width: 0;
    height: 0;
    padding-top: 16px;
    padding-left: 16px;
    margin: 0;
    overflow: hidden;
    background: url("/Root/System/Common/img/icon/small/_default.png") no-repeat top left;
}

.snWsIconView li:hover .snWsIconActionField {
    display: block;
}

/* Listview (hacky) */

.snWsListView
{
    width: 100%
}

.snWsListView tr
{
    height: 20px;
}

.snWsListItem
{
    display: inline-block;
    min-height: 16px;
    padding-left: 20px;
    background: url("/Root/System/Common/img/icon/small/_default.png") no-repeat center left;
}

.snWsListItem .snWsActionIcons
{
    height: 16px;
    max-height: 16px;
}

.snWsListView li
{
    float: left;
}

/* Listview end */

/*
.snWsIconView li:hover .snWsIcon {
    background-image: none !important;
}
*/
.snWsSelected
{
    background-color: #ccf;
}

/* -- Icons */

.snWsIconSmall_OpenFolder { background-image: url(/Root/System/Common/img/icon/small/openfolder.png) !important; }

/* BIG HACK */

.snWsAvatar
{
   background-image: url("../img/chat_icon.png");
   margin: 0 5px 5px 0;
   padding: 0;
   width: 32px; height: 32px;
}

.snWsIcon .snWsAvatarImage
{
    position: relative;
    top: -34px;
}

div.snWsAvatarImage
{
    height: 0;
}

.snWsIcon .snWsAvatarImage img
{
    margin: auto;
}

.snWsAvatar .snWsAvatarImage
{
    top: 0;
}

/* ENDHACK */

/* - Details views: Icon to the left, explanation to the right (eg. "Recent memos") */

ul.snWsDetailsView li
{
    clear: left;
    font-size: 1em;
    width: 100%;
}

ul.snWsDetailsView .snWsIcon
{
    float: left;
}

ul.snWsDetailsView p.snWsDetails
{
    float: left;
    margin: 0;
}

/* - Action bar (RSS, new, etc.) */

.snWsActionBar
{
    clear: both;
    border-top: 1px solid #aaa;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
}

.snWsActions
{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.snWsRightActions li
{
    float: right; display: inline;
    margin: 0 0 0 5px;
}

.snWsLeftActions li
{
    float: left; display: inline;
    margin: 0 5px 0 0;
}

.snWsActions a
{
    color:#fff;
    display: block;
    background: #007dc2;
    padding: 1px 4px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    height: 14px;
}

.snWsLeftActions a 
{
    padding-left: 18px !important;
    padding-right: 5px !important;
    width: auto !important;    
    line-height: 14px !important;
}

.snWsActions .snWsAction_Rss, 
.snWsActions .snWsAction_WebDavBrowse,
.snWsActions .snWsAction_Edit,
.snWsActions .snWsAction_Add,
.snWsActions .snWsAction_Browse
{
    width: 16px; height: 16px;
    overflow: hidden;
    padding: 0;
    line-height: 60px;    
}
.snWsActions .snWsAction_Add            { background: url("../img/icon-add-white.png") no-repeat 0 0 #89c801; }
.snWsActions .snWsAction_Edit           { background: url("../img/icon-edit-white.png") no-repeat 0 0 #50C1e8; }
.snWsActions .snWsAction_Rss            { background: url("../img/icon-rss-white.png") no-repeat 0 0 #e4801c; }
.snWsActions .snWsAction_WebDavBrowse   { background: url("../img/icon-webdav-white.png") no-repeat 0 0 #007dc2; }
.snWsActions .snWsAction_Browse         { background: url("../img/icon-browse-white.png") no-repeat 0 0 #007dc2; }
.snWsActions .snWsAction_Delete         { background: url("../img/icon-delete-white.png") no-repeat 0 0 #da0000; }

.snWsAction_IconView    { background: url("../img/icon-iconview.png") no-repeat 0 0; }
.snWsAction_ListView    { background: url("../img/icon-listview.png") no-repeat 0 0; }

.snWsOppositeIcons {
    float: right; display: inline;
    margin:0; padding: 0;
    list-style: none;
    overflow: hidden;
    max-width: 50%;
}

.snWsRightActions .snWsOppositeIcons {
    float: left;
}

.snWsOppositeIcons li {
    float: left; display: inline;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
}

.snWsOppositeIcons li a  {
    color:#333;
    display: block;
    padding: 1px 5px 1px 18px;
    text-decoration: none;
    font-size: 10px;
    height: 14px;
}

.snWsJsFlyMeToTheMoon 
{
    float: right;
    max-width: 50%;
}

/* Portlet specific: */
/* - Workspace header portlet: */

.snWsHeader
{
    height: 60px !important;
    color: #fff !important;
}

.snWsHeader h1
{
    float: left;
    font-size: 40px;
    padding: 0;
    margin: 0 0 0 20px;
    line-height: 50px;
}

.snWsHeader p.snWsDescription
{
    float: left;
    height: 45px;
    margin: 0;
    line-height: 50px;
    padding: 8px 15px 0 15px;
    font-size: 15px;
}

.snWsHeader .snWsCompanyLogo
{
    float: right;
    margin-top: -4px;
    margin-right: 20px;
    height: 0 !important;
    height: /**/ 58px;
    width: 94px;
    padding-top: 58px;
    overflow: hidden;
    background: url("../img/yourcompany.gif") no-repeat top center;
}

/* - Workspace details portlet ("Facts about your...") */

th.snWsLeftHead
{
    padding-right: 1em;
}

.snWsHighlight
{
    font-size: large;
}

/* - Deadlines portlet */


ul.snWsDeadlines {
    margin:0; padding: 0;
    list-style: none;
}

ul.snWsDeadlines li
{
    margin:0 0 1em 0; padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.snWsDeadlines p.snWsDetails
{
    margin: 2px 0;
    padding: 0;
}

.snWsDaysLeft
{
    width: 52px;
    float: right; display: inline;
    border: solid 1px;
    border-color: #ccc;
    text-align: center;
    padding: 5px;
    margin: 0 0 2px 2px;
    background: url(../img/ptbg_inner.gif) repeat-x 0 100% #fff;
}

.snWsDaysLeft .snWsBigNum
{
    font-size: 27px;
    font-weight: bold;
    background:#fff;
    border: 1px solid #ccc;
    border-top: 4px solid #999;
    display: block;
    padding: 2px 0;
}

.snWsDaysLeft span {
    display: block;
    border-top:2px solid #ddd;
    margin: 0 1px;
    font-size: 10px;
}

.snWsSoon       { color: #007dc2; }
.snWsOverdue    { color: #a00000; }
.snWsLater      { color: #89C801; }


/* - Actions portlet */

/* - Recent memos */
.snWsMemoList { font-size: 1em; }
.snWsMemoList .snWsAvatar 
{
   float:left; display:inline;    
}

.snWsMemoList li p 
{
    margin-left: 45px;    
}

/* - Journal */

.snWSJournalList, .snWSJournalList li
{
    margin:0; padding: 0; 
    list-style: none;    
}

.snWSJournalList li
{
    overflow: hidden;
}

.snWSJournalList .snIconSmall { float:left; }
.snWSJournalList .snWSJournalInfo 
{
    margin: 0 0 10px 20px;    
}

.snWSJournalList .snWSJournalWho 
{
    font-weight: normal;
    font-size: 1.1em;
    color:#007dc2;  
}
.snWSJournalList .snWSJournalWhen 
{
    font-size: .9em;
    color: #999;
    display: block;
}

/* - Calendar list */
.snWsCalendar, .snWsCalendar li
{
    margin:0; padding: 0;
    list-style: none;    
}

.snWsCalendar li
{
    overflow: hidden;
}

.snWsCalendar li .snWsDetailsLink { display: block }

/* - Workspace wizard  - TO BE REFACTORED! */

.snCreateNewWorkspaceWizard table
{
    margin: auto;
}

/* Mint a mostani, csak mas szoveggel, ld. terv */

.snWsWizardHeader
{
    width: 709px;
    height: 0px;
    padding-top: 76px;
    overflow: hidden;
    background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/wizard-header.png') no-repeat top center;
}

.snWsWizardMain
{
    width: 709px;
    min-height: 290px;
    margin: 5px 0;
}

.snWsWizardForm
{
    padding: 10px;
    /*background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/roundborder_709x290.png') no-repeat top center;\
    min-height: 290px */
    border: solid 2px Gray;    
    min-height: 286px;
}

/* Kerekitett sarku keret, 300x290, ld. terv */

.snWsWizardMainLeft
{
    float: left;
    width: 300px;
    height: 290px;
    /*background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/roundborder_300x290.png') no-repeat top center;*/
    border: solid 2px Gray;
}

.snWsWizardRbList
{
    display: block;
    margin: 10px;
    height: 270px;
    max-height: 270px;
    /* HACK */
    overflow: hidden;
    font-size: large;
    color: Gray;
}

.snWsWizardMainRight
{
    float: right;
    width: 404px;
    height: 290px;
    /*background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/Wizard.jpg') no-repeat top center;*/
    background-color: #f00;
}

/* SnPortlet stilusu keret, fix meret 709x100, fentrol a 40. pixelnel indul a tartalom, ld. terv */

.snWsWizardFooter
{
    margin: 5px 0;
    width: 709px;
    height: 100px;
    padding-top: 40px;
    clear: both;
/*    background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/footerborder.png') no-repeat top center;*/
    border: solid 2px Black;
}

.snWsWizardFooter li
{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 40px;
    padding-left: 45px;
    height: 40px;
    background: no-repeat center left;
}

/* 40x40-es, korben szam, ld. terv */

.snWsWizardStep_1
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_gray_1.png');
}

.snWsWizardStep_2
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_gray_2.png');
}

.snWsWizardStep_3
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_gray_3.png');
}

.snWsWizardActive_1
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_blue_1.png');
}

.snWsWizardActive_2
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_blue_2.png');
}

.snWsWizardActive_3
{
    background-image: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_blue_3.png');
}

.snWsWizardSubscript
{
    font-size: x-small;
    color: Gray;
}

.snWsWizardFooter .snWsWizardSubscript
{
    position: absolute;
    left: 5px;
    top: 40px;
}

.snWsWizardReadyButton
{
    margin: auto;
    padding-left: 45px;
    height: 40px;
    background: url('/Root/System/SystemPlugins/Portlets/WorkspaceWizard/img/circle_blue_GO.png') no-repeat center left;
}

/* This is nontrivial, needs work

.snWsWizardRbList input
{
    display: inline-block;
    padding-left: 20px;
    height: 20px;
    width: 0px;
    overflow: hidden;
}

*/

.snWsWizardWait
{
    position: absolute;
    color: Red;
    top: 300px;
    left: 300px;
}