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

    console.css

    Author: Paul Woods
    Date: 25/11/2011

    This is the main pagelets stylesheet

    +Default Styles

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

body {
    background:#e9e9e9;
    margin: 0;
    padding:  0;
    font-size: 62.5%;
    color:#444;
}

@font-face {
    font-family: 'SSStandardRegular';
    src: url('../fonts/ss-standard/webfonts/ss-standard.eot');
    src: local('☺'), url('../fonts/ss-standard/webfonts/ss-standard.woff') format('woff'), url('../fonts/ss-standard/webfonts/ss-standard.ttf') format('truetype'), url('../fonts/ss-standard/webfonts/ss-standard.svg#webfontIyfZbseF') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

    +Forms

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

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

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

    +Login

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

#login {
    clear:both;
	width:426px;
	background:url(../images/logo.png) no-repeat center 40px #4a5f76;
	border:1px solid #27313d;
	color:#fff;
	font-family:'Lucida Grande', 'Lucida Sans', sans-serif;
	padding:300px 20px 20px 20px;
	margin:8.8% auto;
	box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.3);
	text-align:center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

#login fieldset { font-size:1em; padding:10px 12px; border:0; margin:0 0 20px 0; background:none; }
#login p { font-size:12px;}
#login label,
#login em { display:none; }
#login input[type="text"],
#login input[type="password"] { display:inline-block; font-family:'Lucida Grande', 'Lucida Sans', sans-serif; padding:5px; background:#27313d; border:1px solid #27313d; color:#fff; width:125px; }
#login input.submit {
    content:"asd";
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
	border:1px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
	color:#28496b;
    font-family: "SSStandardRegular";
    font-style: normal;
    font-weight: normal;
    padding:5px 15px;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    width:auto;
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -moz-font-feature-settings: "liga", "dlig";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

#login input.submit:hover { background:#fff; }
#login input.submit:active { background:#d1d1d1; }

#login .check label { display:inline; color:#27313d; }
#login .check input { width:auto; margin-bottom:-2px; margin-left:0;}

.error #login { background-color: #b23232; border:1px solid #380707; }
.error #login input[type="text"],
.error #login input[type="password"] { background:#380707; border:1px solid #380707; }
.error #login input.submit { color:#380707; }
.error #login .check label { color:#380707; }

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

    +Admin

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

.admin { display: none; }
.admin fieldset { border:0; padding:0 }
.admin label { display:inline-block; width:120px; margin-right:12px; padding:5px 0; text-align:right; font-size:1.2em; }
.admin input,
.admin select { width:283px; }
.admin select { width:295px }

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

    +Dialogues

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

.pagelet-dialog {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

.pagelet-dialog-content { display:none; }
.pagelet-dialog .pagelet-dialog-content { display:block; }

.pagelet-dialog-blackout { background:rgba(230,230,230,0.7); height:100%; width:100%; position:absolute; z-index:900; }
.pagelet-dialog {
	font-family:'Lucida Grande', 'Lucida Sans', sans-serif;
	background:rgba(40,73,107,0.95);
	position:absolute;
	top:45%;
	left:50%;
	z-index:1000;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	color:#fff;
	padding:20px;
}
.pagelet-dialog h2 { color:#fff; font-size:1.8em; font-family:'Lucida Grande', 'Lucida Sans', sans-serif; text-align:center; background:none; font-weight:bold; border:0; text-shadow:none; margin: 0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid rgba(0,0,0,0.2); }

.pagelet-dialog a:link,
.pagelet-dialog a:visited { color:#3c6fa6; text-decoration:none; }

.pagelet-dialog .dialog-content .button-board .button { background:#3d70a7; padding:2.2%; color:#fff; font-weight:bold; margin-right:4.4%; width:26%; float:left; font-size:1.2em; text-align:center;
	border-radius:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-width:0;
}
.pagelet-dialog .dialog-content .button-board .button:nth-child(3) { margin:0; }
.pagelet-dialog .dialog-content .button-board .button:hover { background:#ffffff; color:#3c6fa6; box-shadow: 0 0 5px rgba(255,255,255,0.5); }
.pagelet-dialog .dialog-content .button-board .button a { clear:both; }

.pagelet-dialog .dialog-content .Image { box-shadow: 0 0 5px rgba(0,0,0,0.2); float:left; margin:4px; background:#fff; cursor:pointer; padding:2px; }
.pagelet-dialog .dialog-content .Image:hover { box-shadow: 0 0 5px rgba(255,255,255,0.5); }

.pagelet-dialog a.close { float:right; display:block; height:16px; width:16px; margin:5px 10px 0 0; }
.pagelet-dialog a.close:before { content:"*"; font-size:24px; font-family:'Pictos'; color:rgba(255,255,255,0.5); }
.pagelet-dialog a.close:hover:before { color:#fff; text-shadow: 0 0 5px rgba(255,255,255,0.5); }
.pagelet-dialog a.close span { display:none; }

.preview { width:100px; height:80px; }
.button-board .preview { margin: 0 auto 10px auto; }
.preview .col { background:#fff; margin-right:4.4%; margin-bottom:5px; float:left; height:95.6%; }
.preview .section { clear:both; height:20px; margin-bottom:5px; }

.preview .span-1 { width:4.3%; }
.preview .span-2 { width:13%; }
.preview .span-3 { width:21.7%; }
.preview .span-4 { width:30.4%; }
.preview .span-5 { width:39.1%; }
.preview .span-6 { width:47.8%; }
.preview .span-7 { width:56.5%; }
.preview .span-8 { width:65.2%; }
.preview .span-9 { width:73.9%; }
.preview .span-10 { width:82.6%; }
.preview .span-11 { width:91.3%; }
.preview .span-12 { width:100%; margin-right:0; }
.preview .col.last { margin:0; }

.item-selection-textbox-container {
    border: 1px solid #CCC;
}

.item-selection-textbox-container .item {
    display: inline-block;
}

.palette-panel {
    display: none;
}

body.dragging #site-content .col.region.drop-region {
    min-height: 100px;
    outline: 1px dashed red;
}

.col.region.drop-target {
    background: rgba(89, 136, 185, 0.1);
}

.col .drop-zone {
    display: none;
}

.col.dropping .drop-zone {
    display: block;
    background:#f00;
}

.col.dropping .drop-zone.drop-target {
    border: 1px solid #000;
}