.constructor {
    width:100%;
    clear:both;
}
.constructor pre {
    font-family:Consolas,Monaco,Courier,monospace;
    background:#EAEAEA;
    padding:2px 4px;
    margin:2px;
}
.constructor .color{
    cursor:pointer;
    float:left;
	position: relative;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: url(../images/select2.png);
}

.constructor .color div {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: url(../images/select2.png) center;
}
.constructor .select,
.constructor .checkbox {
    overflow:hidden;
}
.constructor .select a, .constructor .select span {
    width:300px;
    float:left;
    display:block;
    margin:0 8px 8px 0;
    padding:6px;
    border:2px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 4px #aaa;
    -moz-box-shadow: 2px 2px 4px #aaa;
    -webkit-box-shadow: 2px 2px 4px #aaa
}
.constructor .checkbox a {
    width:48px;
    height:48px;
    float:left;
    display:block;
    margin:0 8px 8px 0;
    border:2px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 4px #aaa;
    -moz-box-shadow: 2px 2px 4px #aaa;
    -webkit-box-shadow: 2px 2px 4px #aaa
}
.constructor .select span {
    background-color:#ccc;
}
.constructor .select a.selected,
.constructor .checkbox a.checked {
    border:2px solid #21759B
}
.constructor .select a:hover,
.constructor .checkbox a:hover {
    border:2px solid #D54E21
}
.constructor .position a, .constructor .position span{
    width:30px !important;
    height:30px;
}
.constructor .position a.selected {
    background-color: #21759B
}
.constructor .repeat a {
    width:30px !important;
    height:30px;
	background-image:url(../images/repeat.png);
	background-position:0 0;
}
	.constructor .repeat a.repeatx {
	    background-position:100% 0;
	}
	.constructor .repeat a.repeaty {
	    background-position:0 100%;
	}
	.constructor .repeat a.repeat {
	    background-position:100% 100%;
	}

    .social a {
        background:url('../../images/social.png') no-repeat 0 0 ;
        display:block;
        float:right;
        width:48px;
        height:48px;
        text-indent:-9999%;
    }
    .social a.twitter { background-position: 0 0; }
    .social a.twitter:hover { background-position: 0 100%; }
    .social a.facebook { background-position: -48px 0; }
    .social a.facebook:hover { background-position: -48px 100%; }
    .social a.delicious { background-position: -96px 0; }
    .social a.delicious:hover { background-position: -96px 100%; }
    .social a.reddit { background-position: -144px 0; }
    .social a.reddit:hover { background-position: -144px 100%; }
    .social a.vkontakte { background-position: -192px 0; }
    .social a.vkontakte:hover { background-position: -192px 100%; }
    .social a.digg { background-position: -240px 0; }
    .social a.digg:hover { background-position: -240px 100%; }
    .social a.mixx { background-position: -288px 0; }
    .social a.mixx:hover { background-position: -288px 100%; }
    .social a.stumbleupon { background-position: -336px 0; }
    .social a.stumbleupon:hover { background-position: -336px 100%; }
    .social a.google { background-position: -384px 0; }
    .social a.google:hover { background-position: -384px 100%; }
    .social a.memori { background-position: -432px 0; }
    .social a.memori:hover { background-position: -432px 100%; }

.constructor #slideshow a{
    width:auto !important;
}

.constructor .color-selector {
    height:48px;
    line-height:32px;
}

.constructor textarea.big {
    width:100%;
    height:600px;
    border:2px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.constructor fieldset {
	padding:8px;
    border:1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px
}

.constructor fieldset legend {
	padding:0 4px;
}

.constructor fieldset.disabled,
.constructor fieldset.disabled th,
.constructor fieldset.disabled a {
	color:#aaa !important;
	border-color:#aaa !important;
}

.constructor th small {
    color:#777;
}

.constructor dl dt {
	padding:4px;
	font-weight:600
}
.constructor dl dd {
    padding:2px;
}
.constructor .slider input,
.constructor input.tiny {
	border:0;
	color:#21759B;
	font-weight:bold;
    text-align:right;
	width:42px	
}


.constructor .quick-links h3{
    position:relative;
    border-bottom:1px solid #E6DB55;
}
.constructor .quick-links .donate-progress{
    position:absolute;
    right:-4px;
    top:-4px;
}
.constructor .quick-links h4{
    padding:2px 0;
}
.constructor .quick-links ul{
    list-style:square;
    list-style-position:inside;
}
/*Donate*/
.donate {
    position:relative;
    min-height:42px;
}
.donate-button {
    float:left;
    margin:8px;
}
.donate p {
    height:20px;
    line-height:24px;
}
/*Message*/
#message {
    position:relative;
}

#message .ui-icon {
    margin-right: 4px;
}

/*Close button*/
.message-close{
    position:absolute;
    right:4px;
    top:4px;
}

/*Help Message*/
.constructor-admin-help {
    display:none;
    position:relative;
    background:#FFFBCC;
    border:#E6DB55 solid 1px;
}

/*Themes Tab*/
#constr-themes div {
    cursor:pointer;
    width:300px;
    height:300px;
    float:left;
    display:block;
    margin:0 8px 8px 0;
    padding:6px;
    border:2px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 4px #aaa;
    -moz-box-shadow: 2px 2px 4px #aaa;
    -webkit-box-shadow: 2px 2px 4px #aaa
}
#constr-themes div.selected {
    border:2px solid #21759B
}
#constr-themes div.hover {
    border:2px solid #D54E21
}
#constr-themes div span {
    overflow:hidden;
    display:block;
    width:300px;
    height:225px;
    background-color:#eee;
}
#constr-themes div p {
    color:#555;
}
/*Layouts Tab*/
.layout-preview {
    margin:10px auto;
    width:694px;height:440px;
    padding:6px;
    border:2px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 4px #aaa;
    -moz-box-shadow: 2px 2px 4px #aaa;
    -webkit-box-shadow: 2px 2px 4px #aaa
}

.layout-main-content {
    display:none;
    width:694px;height:440px;
    border:1px solid #ccc;
}

.margin-east, .margin-west {
    color:#777;
    background: #ddd;
    overflow: hidden;
}

.layout-info {
    text-shadow: 0 1px 0 #FFFFFF;
    text-align:center;
    margin:4px 0;
}
    .layout-info span {
        color:#777
    }

.east, .west, .center {
    background: #fff;
}
.center {
    border-bottom:1px solid #ccc;
}
.south {
    border-top:1px solid #ccc;
}

#layouts a {
    background:url(images/layouts.png) 50% 4px no-repeat;
    width:160px;
    height:120px;
    text-indent:-9999%;
}
    #layouts a.el1 { background-position: 50% -136px }
    #layouts a.el2 { background-position: 50% -276px }
    #layouts a.el3 { background-position: 50% -416px }
    #layouts a.el4 { background-position: 50% -556px }
    #layouts a.el5 { background-position: 50% -696px }
/*Controls*/
.graver-north {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: url(images/graver.png) #fff 50% -100% repeat-y;
}

.graver-west-open, .graver-east-open,
.resizer-east, .resizer-west {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: url(images/graver.png) #fff 100% 50% repeat-x;
}

.sidebar {
    background: #CBE3FF;
}
.extrabar {
    background: #99ff99;
}
/*Fonts Tab*/
#constr-fonts select {
    font-size:14px;
}
#constr-fonts optgroup option {
    text-indent:8px;
}
.font-example {
    margin:10px;
    border:1px solid #ddd;
}
    .font-example

/*Footer Tab*/
#constr-footer textarea {
    height:160px;
}

/*Color Tab*/

#opacity a {
    background:url(../images/patern.png) !important;
    width:220px !important;
    height:80px !important;
}

#opacity div {
    text-align:center;
    font-size:1.4em;
    font-weight:700;
    height:60px;
    line-height:60px;
    margin: 10px 14px;
    border-color:#555;
    border-style:solid;
    border-width:1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px
}

#opacity .none {
    color:#fff;
}

#opacity .darklow {
    color:#fff;
    background:url('../../images/opacity_black_30.png');
}
#opacity .dark {
    color:#fff;
    background:url('../../images/opacity_black_50.png');
}
#opacity .darkhigh {
    color:#fff;
    background:url('../../images/opacity_black_80.png');
}

#opacity .lightlow {
    color:#000;
    background:url('../../images/opacity_white_30.png');
}
#opacity .light {
    color:#000;
    background:url('../../images/opacity_white_50.png');
}
#opacity .lighthigh {
    color:#000;
    background:url('../../images/opacity_white_80.png');
}

.colorpicker input {
	color: #778398 !important;
    border:0 !important;
}

/* Images Tab */
#constructor-layers {
    width:800px;
    height:659px;
    background:url(images/images-hint.png) !important;
}
#constructor-layers ol {
    padding:144px 0 0 64px;
}