html, body{ 
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
}
 
.flakes{ z-index:9000; }

/* Themes */
.redwall    { background:#b23203 url(../images/themes/red-wall.jpg) repeat scroll 0 10px; }
.yellow-wall{ background:#f59f2e url(../images/themes/yellow-paint.jpg) repeat scroll 0 10px; }
.wood       { background:#5c290a url(../images/themes/woodboards.jpg) repeat scroll 0 10px; }
.mesh       { background:#000 url(../images/themes/black-mesh.jpg) repeat scroll 0 10px; }
.lights     { background:#745328 url(../images/themes/blur-lights.jpg) repeat scroll 0 10px; }
.lights2    { background:#541100 url(../images/themes/blur-lights2.jpg) repeat scroll 0 10px; }
.pattern    { background:#623408 url(../images/themes/vintage.jpg) repeat scroll 0 10px; }
.oldleader  { background:#622715 url(../images/themes/brown-leather.jpg) repeat scroll 0 10px; }
.fall       { background:#dc8b3c url(../images/themes/fall.jpg) repeat scroll 0 10px; }
.grass      { background:#305700 url(../images/themes/grass.jpg) repeat scroll 0 10px; }
.dark,
.black, 
.beta,
.tile-black      { background:#444 url(../images/themes/tile-black.jpg) repeat scroll 0 0; }
.tile-brown      { background:#4a3726 url(../images/themes/tile-brown.jpg) repeat scroll 0 0; }
.tile-darkgreen  { background:#3b4721 url(../images/themes/tile-darkgreen.jpg) repeat scroll 0 0; }
.tile-darkyellow { background:#a67101 url(../images/themes/tile-darkyellow.jpg) repeat scroll 0 0; }
.tile-navyblue   { background:#253d49 url(../images/themes/tile-navyblue.jpg) repeat scroll 0 0; }
.tile-orange     { background:#a14200 url(../images/themes/tile-orange.jpg) repeat scroll 0 0; }
.tile-purple     { background:#32203a url(../images/themes/tile-purple.jpg) repeat scroll 0 0; }
.tile-red        { background:#422021 url(../images/themes/tile-red.jpg) repeat scroll 0 0; }
.tile-turqoise   { background:#03523d url(../images/themes/tile-turqoise.jpg) repeat scroll 0 0; }
.tile-yellow     { background:#e1a300 url(../images/themes/tile-yellow.jpg) repeat scroll 0 0; }
.blackleather { background:#000 url(../images/themes/black-leather.jpg) repeat scroll 0 10px; }
.clouds     { background:#2e97e8 url(../images/themes/clouds.jpg) repeat scroll 0 10px; }
.geometric  { background:#ae9c86 url(../images/themes/geopat.jpg) repeat scroll 0 10px; }
.polka      { background:#86160a url(../images/themes/polka.jpg) repeat scroll 0 10px; }
.woodfloor  { background:#ac521e url(../images/themes/woodfloor.jpg) repeat scroll 0 10px; }
.brickwall  { background:#462216 url(../images/themes/brickwall.jpg) repeat scroll 0 10px; }
.v-day  { background:#FBE697 url(../images/themes/v-day2.jpg) repeat scroll 0 10px; }

.default #logo-cont{ padding-top:0px !important; }
.default .glow{ display:none; }

.geometric .glow, .blackleather .glow, .lights2 .glow, .redwall .glow, .mesh .glow, .wood .glow { opacity:1 !important; }
.polka .glow, .yellow .glow, .darkyellow .glow { opacity:0.4 !important; }
.clouds .glow, .red .glow, .purple .glow, .navyblue .glow { opacity:0.7 !important; }

/* Themes end */

body{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
	background:#eee url(../images/bg.png) repeat-x scroll 0 0; 
}

.waiting *{
    cursor:wait !important;
}

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

li{
    list-style:none;
}

ol li{
    list-style:inherit !important;
}
/**
 * In order to hide words while translating
 */
.locale, .locale-button{
    display:none;
}

/* Global wizard classes */
.active-line{
    border:1px solid #cccccc !important;
    background: #ffffff;
}
.errored-line{
    border:1px solid red;
    background: #FACFC8 !important;
}
.wizard-list-options{
    list-style:none;
    list-style-position:outside;
    padding:0px;
}
.wizard-list-options label{
    font-size:14px;
}
.wizard-list-options li{
    margin:10px;
}
.buttons-td{
    visibility:hidden;
}
.buttons-td img{
    margin:5px 0;
}

.option-description{
    padding-left:25px;
    color:#777;
    font-size:11px;
}
/* End -- Global wizard classes */
 
#list, .tools{
    list-style:none;
    padding:0px;
    margin-left:0px;
}


fieldset, legend{
    padding:0px;
    margin:0px;
}

#list{
  /*  width:100%;*/
    padding-left:5px;
    padding-top:48px !important;
    margin:0px !important;
    border-right:1px dashed #cccccc;
    width:99.2%;
}

#list li{
    border:1px solid transparent;
    /* margin:5px; */ /* Margin brakes Drag&Drop fluency */
    z-index:10;
}
.form-line{
    padding:10px;
}
.form-input-wide{
    clear:both;
}
.edit-box{
    border: 1px solid #999999;
    border-top:none;
    background:#cccccc;
    padding: 4px;
    display:inline-block;
    max-width:343px;
}

.edit-hint{
    padding:5px;
    margin:2px;
    margin-bottom:4px;
    font-size:10px;
    background:#f4f4db url(../images/light-bulb.png) 3px 3px no-repeat;
    padding-left:20px;
    float:left;
    border:1px solid #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

table.edit-box{
    display: table;
}
.edit-box textarea{
    padding:5px;
    width:330px;
}
.edit-box select{
    padding:3px;
}
.edit-box .form-spinner input{
    padding:3px 0px !important;
}

.edit-box .buttons{
    margin:0 1px 0 0px;
    /*float:right;*/
}

.edit-box li{
    margin:3px;
    padding:3px;
    white-space:nowrap;
    clear:both;
    height:18px;
}
.edit-box li:hover{
    background:#eeeeee;
}
.edit-box li label{
    margin-left:5px;
    margin-right:3px;
    cursor:pointer;
}

.tools li:hover{
    border:1px solid #aaaaaa;
}
.tools li{
    cursor:move;
    padding-left:20px !important;
    border:1px solid transparent;
}

.tools img{
    margin-right:5px;
}



.edit-text{
    width:100%;
    outline:none;
    font-size:12px;
    border:1px solid #cccccc;
    background:none;
    font-style:italic;
}

.edit-sublabel{
    width:100%;
    outline:none;
    font-size:9px;
    border:none;
    color:#999;
    background:none;
    font-style:italic;
}

.edit-option{
    width:120px;
    outline:none;
    border:1px solid #cccccc;
    background:none;
    font-style:italic;
}
.edit-textarea{
    width:100%;
    border:1px solid #cccccc;
    outline:none;
    background:none;
    height:200px;
}
.title-cont{
    padding: 9px;
    text-shadow: 0px 1px 0 #666666;
    font-size: 16px;
    max-width:80%;
    height:13px;
    overflow:hidden;
    float: left;
}
#form-title:hover{
    border-bottom:1px dashed #ffffff;
}
#title-hint{
    text-shadow: 0px 1px 0 #ffffff;
    font-size:12px;
    color:#333333;
    font-weight:normal;
    padding-left:5px;
    cursor:pointer; 
}
.edit-title{
    border:none;
    color:yellow;
    float:left;
    font-weight:bold;
    text-shadow: 0px 1px 0 #666666;
    font-size: 16px;
    font-style:italic;
    background:none;
    width:870px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.label{
    
}
.question-over{
    border:1px dotted #999 !important;
    color:#000 !important;
    background:#fffff0 !important;
}
.question-selected{
    border:1px solid #ccc !important;
    color:#000 !important;
    background-color:#f5f5f5;
}

.button-container{
    position:absolute;
    top:-27px;
    right:-1px;
    border:1px solid #cccccc;
    border-bottom: none;
    background:#f5f5f5;
}

.form-line{
     /* display:inline-block; */
}

.form-delbutton, .form-wandbutton, .form-condbutton, .form-propbutton, .form-htmledit{
    margin:5px;
    cursor:pointer;
}
.form-wandbutton, .form-condbutton, .form-propbutton, .form-htmledit{
    /*border-right:1px solid #dddddd;*/
}

.header{
    padding-bottom:0px;
    border-bottom:1px solid #cccccc;
    margin-bottom:2px;
}
.header-edit, .paging-edit{
    border:1px solid #cccccc;
    background:none;
    font-size:16px;
    outline:none;
    font-weight:bold;
    width:100%;
}
.paging-edit{
    text-align:center;
    outline:none;
}
.subHeader{
    font-style:italic;
}
.subHeader-edit{
    font-style:italic;
    border:1px solid #cccccc;
    background:none;
    outline:none;
    width:100%;
}
.small-edit{
    font-size:10px; 
    padding:0px; 
    border:1px solid #cccccc; 
    margin-left:3px; 
    height:15px;
}
input.small-edit{
    width:60px;
}

.wheader{
    margin-bottom:5px;
}
#product-menu{
    background:#fefefe;
    border-top:1px solid #AAAAAA;    
}

#product-list{
    height:440px;
    overflow:auto;
}
#product-list li{
    width:98%;
    margin:3px;
}

a:hover{
    text-shadow:0px 0px 10px rgba(255,255,255,0.6);
}
#properties{
    padding:10px;
}
#accordion{
    display:inline-block;
    width:200px;
}

/* Toolbars - Accordion panel */

.panel{
    display:inline;
    float:left;
    width:100%;
    background:#dddddd;
}

.panel-bar {
    padding: 0 8px;
    border-bottom: 1px solid #999999;
    letter-spacing:1px;
    font-weight: bold;
    color: #333333;
    cursor: default;
    text-shadow: 0px 1px 0px #fff, 0 0 10px rgba(255,255,255,0.6);
    white-space:nowrap;
	line-height:33px;
}
.panel-bar img{
    margin-left:5px;
	margin-top:10px;
}
.panel-bar span{
	margin-left:5px;
}
.panel-content{ height:0px; overflow:hidden; position:relative;  }
.panel-content-inner{ padding:5px; background:#f5f5f5; }
.panel-content-open{ border-bottom:1px solid #999999; }
.panel-content-inner>div{
	font-size:11px;
}

/* Toolbar buttons */
.big-button{
    margin:0px;    
    border:none;
    overflow:visible;
    background:none; 
    outline:none !important;
    margin:0 0px 0 0px;
    padding:3px 6px;
    width:auto;
    font-size:11px;
    text-shadow:0px 1px 0px #e5e5e5, 0 0 5px rgba(255,255,255,0.6); 
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}

.big-button::-moz-focus-inner {
    border: 0px;
    padding: 0px;
}

.big-button:hover{
    /*background-color:#e5e5e5;*/
}
button:disabled.big-button img{
    opacity:0.6;
    filter:alpha(opacity=60);
}
.button-over{
    background-image: url(../images/tool_grad_over.png);
    border-left:1px solid #999999;
    border-right:1px solid #999999;
}
.big-button:active{
    /*background-color:#c5c5c5 !important;*/
}
.big-button:active img{
    opacity:0.5;
}
/*
.big-button:active img[class*=toolbar]{
    background-image:url("../sprite/images/toolbar-over.png") !important;
}

.button-over img[class*=toolbar]{
    background-image:url("../sprite/images/toolbar-over.png") !important;
}
*/
#button-bar .big-button{
    font-size:12px;
    border:1px solid #aaaaaa;
}

.dragging{
    padding:0px !important;
}
.dragging li{
    margin:0px !important;
}

/* Buttons */
.drags, .button, .window-buttons{
    height:20px;
    padding:0 .25em 0 .25em;
    /*white-space:nowrap; I  know why this is here. But it needs to be commited out for a reason. Contact me if there is a problem :) Seyhun  */
    margin:0px;
    margin-right:5px;
    margin-top:1px;
    overflow:visible;
    padding-left:20px;
    cursor:default;
    padding-bottom:2px;
    padding-top:0px;
    font-size:11px;
    border:none;
    background:none; 
    text-align:left;
    outline:none !important;
}

.window-buttons{
    float:none;
    width:auto;
    border:1px solid #aaaaaa;
    background:url(../images/button-back.png);
}

A.buttons{
    text-decoration:none;
    text-align:center;
    display:inline-block;
}

.buttons{
    background:#f5f5f5;
    border:1px solid #aaaaaa;
    padding:4px 10px;
    background:url(../images/button-back.png) repeat-x;
}


.buttons-green{
    background-repeat:repeat-x;
    background-color:green;
    background-image:url(../images/button-back-green.png) !important;
    color:#FFFFFF;
    text-shadow:0 1px 0 rgba(0,0,0,0.4) !important;
    border:1px solid green !important;
}

.buttons-dark{
    background-repeat:repeat-x;
    background-color:black;
    background-image:url(../images/button-back-dark.png) !important;
    color:#FFFFFF;
    text-shadow:0 0px 0 #000000 !important;
    border:1px solid #333 !important;
}

.buttons-fire{
    background-repeat:repeat-x;
    background-color:red;
    background-image:url(../images/button-back-fire.png) !important;
    color:#FFFFFF;
    text-shadow:0 1px 0 #000000 !important;
    border:1px solid #888 !important;
}

.buttons-grey{
    background-repeat:repeat-x;
    background-color:grey;
    background-image:url(../images/button-back-grey.png) !important;
    color:#000;
    text-shadow:0 1px 0 #eee !important;
    border:1px solid #777 !important;
}

.buttons-blood{
    background-repeat:repeat-x;
    background-color:red;
    background-image:url(../images/button-back-blood.png) !important;
    color:#FFFFFF;
    text-shadow:0 1px 0 #000000 !important;
    border:1px solid #333 !important;
}

.buttons-red{
    background-repeat:repeat-x;
    background-color:orange;
    background-image:url(../images/button-back-red.png) !important;
    text-shadow: #ccc 0px 1px 0px !important;
    border:1px solid #333 !important;
}

.buttons-black{
    background-repeat:repeat-x;
    background-color:#222222;
    background-image:url(../images/button-back-black.png) !important;
    text-shadow: #000 0px 1px 0px !important;
    border:1px solid #444444;
    padding:5px 10px;
    color:#dddddd;
}

.has-left-icon{
    padding-left:5px;
}

.has-right-icon{
    padding-left:5px;
}

.window-buttons:hover, .buttons:hover{
    border-color:#999999;
    
    background-position:0 -30px;
}

.button-press{
	border: 1px solid #999 !important;	
}

.window-buttons:active, .buttons:active{
    border-color:#666666;
    background-position:0 -60px;
}

.drags{
    position:relative;
    padding:3px !important;
   /* width:280px !important;  */
    height: 16px;
    float:none;
}

span.button{
    padding-left:22px;
}
.info{
    display:none;
    position:absolute;
    right:0;
    cursor:help;
}

.drags:hover .info{
    display:inline;
}

.drags:hover, .dragging, .button-press{
    background:url(../images/drag-back.png);
}

.button-over, .button:hover{
    background-color:#e5e5e5;    
}

.button-over{
    background-image: url(../images/tool_grad_over.png);
    height:69px !important;
}

.drags:active, .button-down, .button:active, .window-buttons:active{
    background-color:#c5c5c5 !important;
}

.window-buttons{
    padding: 0 1em;
}

.close-wiz{
    height:19px;
    width:22px;
    background:url("../images/close-wiz-sprite.png") no-repeat scroll 0 0 transparent;
}
.close-wiz:hover{
    background:url("../images/close-wiz-sprite.png") no-repeat scroll 0 -19px transparent; 
}
.window-buttons-wrapper .big-button{
    margin:0px 4px;
}
.window-content-wrapper{
    background:#f5f5f5;
    border-bottom: 1px solid #ABABAB;
    border-top: 1px solid #EEE6E6;
}
.icon-left{
    left: -3px;
    margin: -2px 3px 0 -2px;
    position: relative;
    top: 1px;
}
.icon-right{
    right: -3px;
    margin: -4px -2px 0 3px;
    position: relative;
    top: 1px;
}
.dropZone{
    border-top:3px dashed #cccccc;
    width:90%;
    margin-left:3px;
    z-index:1;
}

#allTable{
    border:1px solid #aaaaaa; 
    background:#ffffff;
}
.title-bar{
    padding-left:6px; 
    font-weight:bold; 
    color:#ffffff;
    background-color:#FC7C01 !important;
}

.title-bar:hover #title-hint{
	display: inline !important;
}

#loadbody{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    text-align:center;
    background:#ffffff;
    z-index:1000000;
}

#toolTD{
    background:#eeeeee;
}

#content{
    background:#f5f5f5;
    min-height:410px;
    width:900px;
    display:inline-block;
    border:1px solid #666666;
}

#real-content{
    padding:10px;
}
#stage{ 
    border:none;
    border-left:1px solid #AAAAAA;
    border-top:1px solid #AAAAAA;
    background:#FFFFFF;
    margin-top: 62px;
    padding-top:6px;
    width:699px;
    min-height:450px;
    float:right;
    position:relative; 
}
.trans-back{
    background:#f5f5f5 url(../images/transparent.png) fixed !important;
}
#tools_wrapper_pin{
    position:absolute; 
    top:3px; 
    right:5px;
}

#tools-wrapper{
    background:#F5F5F5;
    position:absolute; 
    width:200px; 
    top: 175px; /* May differ */
    border-top:1px solid #aaaaaa;
}

.toolbar-set{
    padding:0px;
    padding-bottom:2px;
    height:68px;
    float:left;
    margin-left:0px;
    margin-top:0px;
    z-index:1;
}

.toolbar-set:hover{
    
}
.toolbar-legend{
    font-size:10px; 
    color:#555555;
    margin-left:5px;
    cursor:default;
    text-shadow: #fff 0px 1px 0px;
}

#tool_bar .big-button img{
    margin-bottom:5px;
}

/*
 * Toolbar 
 */
#right-panel{
    width:200px;
    float:left;
    height:100%;
    background:#f5f5f5;
    display:inline-block;
}
#tool_bar{
    border-top:1px solid #666666; 
    position:absolute; 
    top:106px; /* may differ */
    width:900px;
    height:68px;
    border-bottom:1px solid #888888;
    background-color: #DDDDDD !important;  
}
#toolbar{
    /*width:586px;*/
    width:684px;
    overflow:hidden;
}
#pinbox {
    color:#999999; 
    font-size:8px; 
    padding:0px;
}
#toolbox_handler{
    color:#999999; 
    padding:0px;
}

/*
 * Wizard CSS
 */
.wizard-table{
    font-size:11px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.wiz-desc{
    border-left:1px solid #cccccc;
    background:#f9f9f9;
    margin-left:20px;
    padding:4px;
    padding-left:10px;
    height:100%;
}
.product-questions label{
    width:150px;
    float:left
}
.product-questions div{
    margin-bottom:5px;
}
.payment-questions label{
    width:150px;
    float:left;
    clear:left;
}
#pro-info{
    border:1px dashed #cccccc;
    background:#f5f5f5;
    position:absolute;
    font-size:12px;
    width:40%;
    left:28%;
    top:45px;
    padding:10px;
}
.payment-questions div{
    margin-bottom:5px;
}
#product-list, #email-list, #email-form-fields{
    list-style:none;
    list-style-position:outside;
    position:relative;
}

#email-form-fields li{
    cursor:pointer;
    padding:2px;
    background:#f5f5f5;
 
    margin:4px;
}
#product-list{
    /*width:786px;*/ 
    margin-top:10px;
    padding:0 15px;
}

#product-list li, #email-list li{
    border:1px solid #cccccc;
    background:#f5f5f5;
    padding:0px;
    margin:5px 0;
    padding:0px;
    cursor:move;
}

.selected-email{
    border:1px solid #aaa !important;
    background:#ddd !important;
}

#email-list li{
    cursor:pointer;
    width:165px !important;
    padding:3px;
}
#email-form-fields{
    width:190px;
    height:100%;
}


.advanced-setting-fieldset li{
    margin-bottom: 8px;
}

.option-props {
	width: 70px;
	float: left;
}

div.error {
	color: red;
	padding-top: 10px;
}

input.error, textarea.error {
	border: 2px solid red;
}

.myforms-button{
    float:right;
    margin:7px 0;
    display:none;
    color:#E19913;
}

.fullscreen .myforms-button{
    display:block;
}

.fullscreen > #content{
    background:#ffffff;
    width:100%;
    height:100%;
    z-index:1000;
    border:none;
    position:absolute;
    top:0px;
    left:0px;
}

.fullscreen #header{
    display:none;
}

.fullscreen #style-menu{
    border-bottom:1px solid #aaaaaa;
}
.fullscreen #tool_bar{
    width:100%;
    min-width:1000px;
    top: 39px;
}
.fullscreen #right-panel{
    height:100%;
}
.fullscreen #tools-wrapper{
    top: 108px;
    /*right:0px;*/
    float:left;
    border-left:1px solid #aaaaaa;
    /*z-index:2500;*/
}
.fullscreen #group-properties, .fullscreen #group-properties div{
    max-width:inherit;
}
.fullscreen #stage{
    /*width:100%;*/
    height:100%;
    float:none;
    margin-left:200px;
    border:none !important;
}
.fullscreen #prop-tabs{
    left:-2px;
    width:auto;
}

.fullscreen #list{
	float:left;
}

.question-menu{
    background:#ccc url(../images/grad3.png); 
    /*border:1px solid #bbbbbb; 
    border-top:1px solid #aaaaaa;*/ 
    padding:3px; 
    text-align:center; 
    margin-top:10px;
    overflow:hidden;
}
#nav{
	
    background-color:#333333 !important;
    
    border:1px solid #666666;
    border-bottom-color:#333333;
    border-top-color:#333333;
	/*
    height:36px;
    */
    list-style:none;
    list-style-position:outside;
    padding:0px;
    float:right;
    margin-top:-1px;
}
#nav li:first-child{
    border-left:none;
}

#nav li:last-child{
    border-right:none;
}

.navItem{
    float:left;
    text-shadow: 1px -1px 0 #000000;
    /*min-width:70px;
    max-width:100px;*/
    border-left:1px solid #666666;
    border-right:1px solid #333333;
    margin-top:0px;
    /*padding:4px;*/
    margin-left:0px;
    text-align:center;
    font-size:12px;
    height:35px;
    /*padding-top:9px;*/
    cursor:pointer;
    line-height:13px;
}
.navItem a{
    color:#ffffff;
    text-decoration:none;
    /*width:100%;
    height:100%;*/
	min-width:70px;
    max-width:100px;
	padding:9px 4px 13px;
	display:block;
}
.navItem:hover a{
    color:#E99A21;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
}
.navPressed, .navItem:hover{
    background:#555 url(../images/navOver.png) repeat-x 0 -1px;
    text-shadow: 1px 1px 0 #000000;
}

.login-form {
    padding:0px;
    margin-bottom:0px;
    
}
.login-form label{
    float:left;
    font-size:12px;
    text-shadow:1px 1px 0px #000000;
}
.create-button{
    width:100%;
    height:30px;
    border:1px solid #999 !important;
}
.login-field{
    padding:2px;
    border:1px solid #666666;
	height:20px !important;
    color:#eeeeee;
    padding-left:5px;
    font-size:16px;
    float:left;
    clear:left;
    width:150px;
}
.login-field:focus{
    border-color:#B17808;
    outline:none !important;
}
#remember{
    float:left;
    margin:0px;
    margin-top:1px;
    margin-right:5px;
}

#header{
    height:66px;
    width:900px;
}

#footer{
    position:absolute;                
    margin-top:20px;
    padding-top:50px;
    bottom:0; 
    color:#eeeeee;
    width:100%;
    height:350px;
/*  background:#5c5c5c url(../images/footer-bg.png) repeat-x; */
    background:#3F3F3F;
    /* border-top:1px solid #333333; */ 
	border-top:1px solid #666666; /* For Glow */
}

.footer-links{
    font-size:10px;
}

.footer-links a{
    text-decoration:none;
    color:#FF9900;
    font-size:10px;
}

.page{
    position:relative;
    min-height:100%;
    height:auto;
}
.main, #footer-content{
    width:900px;                
    position:relative;
    margin:0 auto;
    padding-bottom:350px;
    z-index:1;
    
    /*    left:50%;
    margin-left:-451px; */
}

#footer-content{
    padding-top:10px;
    text-align:center;
    /*display:inline-block;*/
}
#footer-content a{
    color:#FFD700;
    font-weight:bold;
}

#footer-content legend{
    margin-left:10px;
    color:#ffffff;
    text-shadow: #000 0px 1px 0px;
}

#footer-content fieldset{
    display:inline;
    text-align:left;
    border:1px solid #999999; 
    background:#888888;
    vertical-align:top;
    /*width: 30%;*/
    min-width: 30%;
    margin:7px;
}

.fcontent li{
    margin:5px;
}

.fcontent{
    padding:10px;
    list-style:none;
    list-style-position:outside;
    min-height:100px;
}

.about{
    border:1px solid #333333;
    width:250px;
    font-size:9px;
    letter-spacing:0.5px;
    text-shadow:1px 1px 0px #444444;
    background:#777777;
}
.about-tab{
    float:left;
    font-weight:bold;
    width:124.5px;
    padding:4px 0 4px 0 ;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
    text-shadow:1px 1px 0 #000000;
}
.about-wrapper{
    clear:left;
    padding:10px;
}
.about-container{
    text-indent:10px;
    text-align:justify;
    height:100px;
}
.what-closed{
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
    font-weight:normal;
    background:#555555;
}
.who-closed{
    border-bottom:1px solid #333333;
    border-left:1px solid #333333;
    font-weight:normal;
    background:#555555;
}

.fieldsetAccount {
    
    display:block;
    border:none !important;
    padding: 0 !important;
    /*
    margin: 0 !important;
    */
    margin-bottom:10px;    
    width: 100%;
}


#myaccount.signin #signinFieldset, 
#myaccount.forgotPassword #forgotPasswordFieldset {
    display: block;
}

#myaccount.signin #forgotPasswordFieldset, 
#myaccount.forgotPassword #signinFieldset {
    display: none;
}

#forgotPasswordDiv ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.form-description{
    z-index:2000000 !important;  
    position:absolute;
    max-width:150px;
    top:6px;
    border:4px solid #E19913 !important;
    background:#f5f5f5;
}

.form-description-title{
    padding:3px;
    font-weight:bold;
    font-size:10px;
    background:#dddddd;
}
.form-description-content{
    padding:10px;
    font-size:10px;
}
.form-description-arrow-top {
    border-color:transparent transparent #E19913 transparent;
    border-style:solid;
    border-width:10px;
    height:0;
    width:0;
    top:-24px;
    position:absolute;
}    
.form-description-arrow-top-small {
    border-color:transparent transparent #F5F5F5 transparent;
    border-style:solid;
    border-width:7px;
    height:0;
    width:0;
    top:-14px;
    position:absolute;
}
.context-menu-back{
    border:1px solid #777777;
    background:#ffffff;
    cursor:default;
    z-index:10;
    height:100%;
    width:100%;
    position:absolute;;
    top:0px;
    left:0px;
}

.context-menu{
    list-style:none;
    list-style-position:outside;
    padding:5px;
    cursor:default;
    z-index:20;
    min-width:180px;
    width:100px;
    position:relative;
}

.context-menu-title{
    border-bottom:1px solid #CCCCCC;
    color:#666666;
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    margin-bottom:4px;
    padding:0 3px 3px;
    text-shadow:1px 1px 0px #FFFFFF;
}

.context-menu-separator hr{
    margin:0px;
    padding:0px;
    height:0px;
    overflow:hidden;
    border:none;
    margin-top:1px;
    border-top:1px solid #aaaaaa;
}
.context-menu-separator{
    padding:5px;
}

.context-menu-item-text {
    border-left: 1px solid transparent;
    padding-left: 0px;
}
.context-menu-item:hover .context-menu-item-text {
    /* border-left: 1px solid #aaa; */
}
.context-menu-item{
    padding:2px 2px 4px 4px;
    border:1px solid transparent;
    white-space:nowrap;
    position:relative;
	margin:1px 0;
}

.context-menu-item-disabled{
    padding:2px;
    padding-left:4px;
    border:1px solid transparent;
    color:#999999;
    text-shadow:1px 1px 0px #FFFFFF;
    white-space:nowrap;
}
.context-menu-item-disabled img{
    opacity:0.5;
    filter:alpha(opacity=50);
}
.context-menu-item:hover{
    background:url(../images/drag-back.png);
    text-shadow:1px 0px 1px #ffffff;
    border:1px solid #999999;
}
.context-menu-check{
    background:#aaa url(../images/accept.png) no-repeat scroll right;
}

#group-setup{
    width:684px;
}
#group-form{
    width:202px;
    position:relative;
    text-align:center;
}
#group-form .vline{
    position:absolute;
    right:0px;
    margin:0px;
    top:11px;
}
#group-form button{
    margin: 0 0px;
    padding:3px 4px;
    width:24% !important;
}

.toolbar-set .big-button{
    height:68px;
    max-width:74px; /* Used to be 80 but it does not fit anymore */
    min-width:45px;
    float:left;
}
.big-button-text{
    height:15px;
    line-height:12px;
    text-align:center;
    width:100%;
    float:left;
}

#embedButton{
    white-space:nowrap;
}

/* .question-over .form-label-left, */ 
.question-selected .form-label-left{ 
    outline:1px dashed #999999; 
    background:url("../images/pencil.png") no-repeat scroll right transparent;
    padding-right:0px;
    margin-right:3px;
}
.form-pagebreak  .form-label-left{
    outline:none;
    background:none !important;
}
.question-over .form-label-right,
.question-selected .form-label-right{
    /*outline:1px dashed #999999;
    background:url(../images/pencil.png) no-repeat left center;*/
}

.question-over .form-label-top,
.question-selected .form-label-top{
    /*outline:1px dashed #999999;
    background:url(../images/pencil.png) no-repeat right center;
    width:auto !important;*/
}

.vline{
    float:left;
    width:0px;
    height:40px;
    margin:0px 5px;
    border-left:1px solid #aaaaaa;
    border-right:1px solid #eeeeee;
    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #eeeeee;
    position:relative;
    top:11px;
}
#prop-tabs{
    position:absolute;
    bottom:-20px;
    left:-1px;
    height:20px;
    min-width:699px;
    width:100%;
    background-color:#BBBBBB !important;
    border-bottom:1px solid #aaaaaa;
}

.tab-legend, .tab-legend-open{
    float:left;
    min-width:80px;
    font-size:10px;
    padding:0px 10px;
	line-height: 20px;
	/*
    height:14px;
    */
    border-right:1px solid #777777;
    text-align:center;
    cursor:default;
    text-shadow:0 1px 0 #EEEEEE;
}

.tab-legend-open{
    background-color:#DDDDDD !important;
    border-bottom:1px solid #999999;
    border-right:1px solid #888888;
    height:15px;
    position:relative;
    top:-1px;
}
.footer-cont{
    z-index:2;
    position:relative;
    padding:5px;
}
.footer-box{
    width:900px;
    border-color:#999999 #444444 #333333;
    border-style:solid;
    border-width:1px;
	/*
    background:#444 url(../images/footer-back.png);
    */
    height:250px !important;
    margin:0px auto;
    margin-bottom:20px;
    top:30px;
    position:relative;
}
#lang-bar{
    position:absolute;
    bottom:7px;
    left:10px;
}
.footer-panel{
    float:left;
    height:250px;
}
.footer-title{
    text-decoration:none;
    color:#FF9900;
    margin:0px;
    padding:0px;
    font-size:12px;
}
h4.footer-title{
    margin-top:3px;
    font-size:11px;
}
#footer-nav a{
    color:#ffffff;
}

#footer-nav, #footer-info{
    overflow:hidden;
}
 
#footer-nav:hover, #footer-info:hover{
    overflow:auto;
}

#footer-nav{
    text-shadow:0px -1px 0 #000000;
    border-right:1px solid #222222;
    font-size:10px;
    text-align:justify;
    padding:10px;
    height:230px;
    width:180px;
}
#footer-info{
    border-left:1px solid #555555;
    border-right:1px solid #222222;
    font-size:10px;
    text-align:justify;
    text-shadow:0px -1px 0 #000000;
    padding:10px;
    height:230px;
    width:310px;
    line-height:13px;
}
#signUpFieldset{
    bottom:0;
    left:0;
    padding:10px !important;
    position:absolute;
    width:346px;
}
#myaccount{
    padding:10px;
    position:relative;
    height:230px;
}
#footer-info p{
    margin:3px 0 6px;
    
}
#footer-account{
    width:366px;
    border-left:1px solid #555555;
}
.fcontent{
    list-style:none; list-style-position:outside;margin:0px;
}
.account-line, .account-line-nolabel{
    display:inline;
    float:left; margin:5px 5px 0;
}
.account-line label{
    margin-bottom:5px;
}
.account-line-nolabel{
	/*
    padding-top:19px;
    */
}
.error-div{
    color:red;
    clear:both;
    /*
    padding-left:10px;
    */
    font-size:12px;
}

.big-select {
    background: url("../images/dropdown-back.png") repeat scroll 0 0 #F5F5F5;
    display:inline-block;
    border: 0.1em solid #AAAAAA;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    height: 1.7em;
    position: relative;
    width: 11em;
    text-align:left;
}

.big-select-arrow {
    background: url("../images/dropdown-arrows.png") no-repeat scroll center center transparent;    
    float: left;
    height: 100%;
    width: 15%;
}

.big-select-content {
    float: left;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
    text-shadow:0 1px 0 #FFFFFF;
}

.big-select-content-span {
    padding: 0.1em 0.1em 0.1em 0.4em;
}

.big-select-list {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 0.1em solid #AAAAAA;
    left: 0.2em;
    list-style: none outside none;
    position: absolute;
    top: 1.7em;
    width: 94%;
    z-index:1000000;
}

.big-select-list li {
    cursor: default;
    font-size: 0.9em;
    margin: 0.2em;
    padding: 0.2em 0.4em;
}

/* share wizard css */
#shareWizard textarea{
    white-space:nowrap;
    overflow-x:hidden;
}
#shareWizardWindow {
    min-height: 150px;
    width: 680px;
}
#shareWizardAdvanced {
    min-height: 464px;
    width: 680px;
    padding: 0 10px 0 0;
}
#shareWizardAdvanced>.viewPanel{
    width:470px;
    float:right;
}
#shareWizardAdvanced>.viewPanel>*{
    display:none;
}
#shareWizard .clipboard{
    margin:4px 5px;
    float:left;
}
#shareWizard .text {
    width: 400px;
    float: left;
}
#shareWizard .readonly {
    background-color:#FFFFF0;
}
#shareWizard .pageName {
    margin:10px 0;
    width:125px;
}
#shareWizard textarea{
    width:470px;
    font-size:12px;
    padding:5px;
	height:auto;
}
#shareWizard p{
    margin: 12px 0;
}
ol.instructions{
    padding: 10px 21px;
    margin:0px;
    list-style:decimal;
}
ol.instructions textarea{
    width:400px !important;
    margin:10px 0;
}
ol.instructions li{
    clear:both;
    
}

.emailRow{
    margin:5px 0 5px;
}
.emailRow > div{
    width:75px;
    float:left;
}
.emailRow > input{
    width:389px;
}
.emailRow > textarea.emailBody{
    height:235px !important;
}

#page_invitation #sendMessageButton{
    float:right;
}

.button-bar .buttons {
    width: 100%;
    float: left;
    margin: 4px 0;
}
#shareFormBasic {
   padding: 30px;
}
#shareFormBasic textarea{
    width:525px;
    height:14px;
	overflow:hidden;
}
#shareWizardAdvanced #divider{
	float:left;
	width:10px;
	height:464px;
	position:relative;
	left:-10px;
}
#shareWizardAdvanced #accordion{
	float:left;
}
#share_options{
	width:210px;
	float:left;
}

#shareWizard li{
    cursor:pointer;
}

#loginButton {
   	
}

fieldset, legend {
    border: none;
}

fieldset {
   border-top: 1px solid #FF9900;
}

legend {
    padding-right:5px;
    color: #FF9900;
    font-weight:bold;
    text-shadow:0 -1px 0 #000000;
}

#error-box {
    margin-left:5px;
    clear: both;
}

.unique-list-item{
    
    background:#eeeeee;
    margin:5px;
    padding:5px;
    cursor:pointer;
}

.unique-list-item:hover{
    background:#cccccc;
}

.unique-list-item div{
    font-size:10px;
}
.unique-list-selected-item{
    
    background:#bbbbbb;
}
.unique-list-selected-item:hover{
    background:#bbbbbb;
}

#feedback-tab {
    position: fixed;
    top: 40%;
	right: -79px;
    z-index: 999;
}

#feedback-tab-link {
    background-color: orange;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    z-index: 9999;
	border: none;
	padding: 5px;
	color: #ffffff;
	font-size: 18px;
	font-family: verdana;
	width: 110px;
	height: 25px;
	text-decoration: none;
	text-align: center;
	padding-top: 79px;
	position: absolute;
	right: 0;
	top: 0;
}

#feedback-tab-link:hover {
    background-color: #5C5C5C;
    cursor: pointer;
}

.form-label-top {
	display: inline-block;
}

.toolbox-info, .toolbar-info, .center-info{
    position:absolute;
    padding:10px;
    text-align:center;
}

.toolbox-info{
    top:100px;
    left:5px;
    max-width:170px;
    font-size:10px;
}
.toolbar-info{
    top:40px;
    left:200px;
}
.center-info{
    top:180px;
    left:180px;    
}
.dropdown-edit{
    margin-left:5px;
    display:none;
    cursor:pointer;
}
.question-selected .dropdown-edit{
    display:inline;
}
.preview-dim{
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    background:#333333;
    z-index:10000;
}
.preview-container{
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:10001;
}
.preview-box{
    position:relative;
    /*
    background:#333333;
    background:rgba(0, 0, 0, 0.6);
    color:#ffffff;
    border:1px solid #666666;
    */
   
    background:#eee;
    background:rgba(255, 255, 255, 0.25);
    border:1px solid #ccc;
    color:#333;
    font-weight:bold;
    text-shadow:0 0 10px #FFFFFF;
    padding:10px;
}
#preview-close{
    position:absolute;
    cursor:default;
    right:-12px;
    top:-12px;
}
.preview-box h3{
    margin-top:0px;
    display:inline-block;
    font-size:19px;
    cursor:text;
}
.preview-box label{
    margin-right:10px;
}
.preview-box iframe{
    margin-top:10px;
}
.control-tooltip-text{
    margin-top:3px;
    font-size:11px;
}
.form-collapse-mid .edit-text{
    font-size:18px;
}



#redirect-url-div .option-description, #redirect-custom-div .option-description{
    padding-left:0px;
}

.tooltip-preview{
    border:2px solid #aaaaaa;
    padding-right:0px !important;
    margin-top:4px;
}

.barePage{
	padding: 0em 2em;
    margin-left: auto;
    margin-right: auto;
}

.loginForm #signUpFieldset{
	position: relative;
}

.loginForm legend{
	text-shadow:none;
}
.recent-forms{
    
}
.recent-forms li{
    margin:2px;
    padding:5px;
    border:1px solid transparent;
    position:relative;
    cursor:default;
}

.recent-forms li .buttons{
    padding:2px 6px;
    margin-left:5px;
    top:2px;
    position:absolute;
    display:none;
}

.recent-forms .notify{
    display:none;
}

.recent-count{
    font-size:10px;
    color:#aaa;
} 

.recent-forms .edit{
    right:40px;
}

.recent-forms .submission{
    right:5px;
}

.recent-forms li:hover{
    border:1px solid #333;
    background:#FF9900 url("../images/title-bg.png");
    color:#000;
}
.recent-forms li:hover .notify{
    display:inline-block;
    position:absolute;
    right:-4px;
    z-index:1;
}

.recent-forms li:hover .short-name{
    display:inline !important;
}
.recent-forms li:hover .long-name{
    display:none;
}

.recent-forms li:hover .recent-count{
    color:#555;
}

.recent-forms li:hover .buttons{
    display:block;
}
.ladybug{
    left:138px;
    position:absolute;
    top:23px;
    width:20px;
}
.button-img-wrap{
    display:inline-block;
    position:relative;
}
.button-img-wrap .notify{
    position:absolute;
    top: -10px;
    right: -10px;
}

.notify{
    display:inline-block;
    padding:0 5px 1px;
    position:relative;
    background: #feccb1; /* old browsers */
    border:2px solid red;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#fff;
    top:-15px;
}
.notify .arrow{
    position:absolute;
    border:4px solid transparent;
    border-top:4px solid red;
    border-left:4px solid red;
    bottom:-8px;
    left:3px;
    line-height:0px;
    
}
.report-list span{
    display:block;
}

.report-list label{
    cursor:pointer;
}

.report-list li {
    margin: 5px;
    padding:5px;
    font-size: 14px;
    border:1px solid transparent;
    cursor:default;
    border-radius:5px;
}

.report-list li:hover {
    border:1px solid #ccc;
    background:#F5F5F5;
}

.report-selected{
    border:1px solid #aaa !important;
    background:#fff !important;
}

.report-inputs {
    opacity:0;
    filter:alpha(opacity=0);
    float:right;
}

.report-list img{
    margin-right:8px;
    float:left;
}

.report-pages {
    padding:10px;
}
.form-fields{
    float:left;
    width:50%;
    white-space:nowrap;
}
#fieldlist{
    display:inline-block;
    width:100%;
}
#url-container, #iframe-container, #field-cont{
    padding:10px;
    border:1px solid #aaa;
    border-radius:5px;
    background:#fff;
    margin:5px 0;
    max-height:400px;
    overflow:auto;
    overflow-x:hidden;
}
#result-container{
    padding:5px;
    
}
.result-fields{
    width:96.5%;
    margin-top:5px;
    border:2px solid #ccc;
    background:#f5f5f5;
    color:#333;
    padding:5px;
}
#result-container h3{
    margin:0px;
    margin-bottom:10px;
}
#error, #field-error{
    color:red;
    text-align:right;
}

.delimg {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.delimg:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#landing-box{
    background:#DDDDDD;
    border:2px solid #666;
    color:#333333;
    height:300px;
    left:125px;
    padding:0;
    position:absolute;
    top:125px;
    width:530px;
    text-align:center;
    z-index:5008;
} 
#landing-content{
    margin:15px;
    text-align:left;
    text-shadow:0px 1px 0px #fff;
    font-size:12px;
    cursor:default;
}
#landing-content h3{
    color: #E19913;
    margin:0px;
    margin-bottom:5px;
}

#video-link{
    border:5px solid #bbb;
}

#video-link:hover{
    border:5px solid #999;
}
#intro-dim{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#333;
    z-index:5005;
    opacity:0.7;
    filter:alpha(opacity=70);
}
#loading-indicator{
    position:fixed;
    bottom:0px;
    right:20px;
    border:1px solid #999;
    border-top-color:#444;
    border-bottom:none;
    background:#555;
    color:#fff;
    padding:5px 10px;
    font-size:11px;
    text-shadow:0px 1px 0px #333;
    z-index:1000000;
}

#loading-indicator img{
    margin-right:5px;
}

#lang-bar .big-select{
    background-image:url("../images/button-back-black.png");
    border-color:#333;
    color:#fff;
    box-shadow:none;
    padding:1px;
}

#lang-bar .big-select-content{
    text-shadow:0 -1px 0 #000;
}

#lang-bar .big-select-list{
    background:#666;
}
.stico_default{
    background-position:1px 1px;
} 

#complete-page{
    
}

#complete-page .big-button{
    margin:14px;
    border:1px solid #aaa;
    background:#f5f5f5 url(../images/grad4.png);
    padding:7px;
    border-radius:3px 3px;
    width:120px;
    font-size:14px;
}

#complete-page .big-button img{
    margin-bottom:4px;
}

#complete-page .big-button:hover{
    border-color:#888;
    
}
#complete-page .big-button:active{
    border-color:#666;
}
#source-options{
    list-style:none;
}
#source-options li{
    margin:10px 0;
}
.question-input{
    position:relative;
}
#tickets-link a, #admin-link a{
    color:#FFA500;
}

.its-conditional{
    background: none repeat scroll 0 0 red;
    color: white;
    display: inline-block;
    font-size: 10px;
    line-height: 13px;
    padding: 0px 6px;
    position: absolute;
    right: 0;
    top: 6px;
}

/* banner image fixes */ 
#pricing-banner, #pricing-banner-hover{position:absolute;top:0px;left:-2px;}
#pricing-banner-hover{display:none;}
.navItem:hover #pricing-banner-hover{display:block;}
.navItem:hover #pricing-banner{display:none;}

/* Color Picker CSS */ 
.plugin { background: #F5F5F5; border:1px solid #ccc; color: #333; cursor: move; display: inline-block; font-family: arial; font-size: 11px; padding: 7px 10px 5px; z-index: 1; position: relative; width: 199px; }
.plugin br { clear: both; margin: 0; padding: 0; }
.plugin .plugHEX { float: left; position: relative; border:1px solid #666; padding:3px; margin-top:8px; }
.plugin .plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px; margin-top:8px; height:20px; width:20px; border:1px solid #666; }
.plugin .SV { background: #FF0000 url('../images/SatVal.png'); border:1px solid #000; position: relative; cursor: crosshair; float: left; height: 166px; width: 167px; margin-right: 9px; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SatVal.png', sizingMethod='scale'); */}
.plugin .SVslide { background: url('../images/slide.gif'); height: 9px; width: 9px; position: absolute; line-height: 1px; }
.plugin .H { border: 1px solid #000; cursor: crosshair; float: left; position: relative; width: 19px; padding: 0; top: 0px; }
.plugin .Hslide { background: url('../images/slidehue.gif'); height: 5px; width: 33px; position: absolute; line-height: 1px; }
.plugin .Hmodel { position: relative; top: 0px; }
.plugin .Hmodel div { height: 1px; width: 19px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }

/* Glow */
.glow { 
	margin: -39px 0 0 -129px; 
	position:absolute; z-index:-1; 
	user-select:none;
	opacity:0.8;
}
#content .glow { 
	position:absolute; 
	margin:-105px 0 0 -130px; 
	z-index:-1; 
	user-select:none;
	opacity:0.8; 
}
.glow-top{ background:url(../images/shadowTop.png) no-repeat 0 10px; width:1160px; height:214px; }
.glow-mid{ background:url(../images/shadowMid.png) repeat-y; width:1160px; height:350px; }
.glow-bottom{ background:url(../images/shadowLow.png) no-repeat; width:1160px; height:214px; }
.fullscreen .glow{ display:none; }

/* Soft Scrolls */
.scroll-bar{
                
}
.scroll-style{
    border-radius:10px 10px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #5B5A5A;
    height: 100%;
    width: 4px;
}

.scroll-bar:hover .scroll-style{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

.scroll-onpress .scroll-style{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    width:6px;
    margin-left:-1px;
}

.themes-fixed{
    position:fixed !important;
    bottom:12px !important;
}

#themes-selector{
    bottom: 415px;
    clear: right;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    right: 12px;
    z-index:1000;
}
#themes-selector span{
    visibility:hidden;
    text-shadow:0 0 2px #000;
}
#themes-selector:hover{
    opacity:1;
}
#themes-selector:hover span{
    visibility:visible;
}

/*
// Disable all CSS effects to test speed improvement.
// It turns out CSS3 effects slows down most parts 
* {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 0 0 !important;
    -webkit-border-radius: 0 0 !important;
    border-radius: 0 0 !important;
    text-shadow: none !important;
}
*/

/* Preferences tabs */
.prop-tabs-cont{
    background:url("../images/tool_grad_over.png") repeat scroll 0 0 #CCCCCC;
    border: 1px solid #999;
    display: inline-block;
    width: 100%;
    height:22px;
}
.prop-tabs-table{
    background: #F5F5F5;
    border:1px solid #999;
    border-top:none;    
    width: 100%;
    float:left;
}
.prop-tab {
    float: left;
    border-right: 1px solid #848484;
    font-size: 10px;
    padding: 4px 10px;
    background:url("../images/grad.png") repeat-x scroll 0 0px #ddd;
    cursor:default;
    height:14px;
    text-shadow: 0 1px 0 #E3E3E3;
}
.prop-tab-open{
    height:15px;
    background:url("../images/tool_grad.png") repeat-x scroll 0 -6px #F5F5F5;
}
.prop-table{
    border:1px solid #cccccc;
    border-bottom:none;
    font-size:12px;
    margin:10px;
    width:480px;
}
.prop-table td{
    border-bottom:1px solid #cccccc;
    
}
.prop-table-label{
    background:#fff;
    width:40%;
}
.prop-table-value{
    background:#EEEEEE;
    border-left:1px solid #CCCCCC;
    white-space:pre-wrap;
}
.prop-table-detail {
    color: #AAAAAA;
    display: block;
    font-size: 9px;
    white-space:normal;
}
.valueDiv .edit-text, .valueDiv .edit-option, .valueDiv-long .edit-textarea, .valueDiv .edit-dropdown{
    font-size:12px;
}
.valueDiv{
    overflow:hidden;
    border:1px solid transparent;
}

.valueDiv-long{
    overflow:hidden;
    max-height:200px;
    border:1px solid transparent;
    white-space:pre-wrap;
}

a[rel="external"], a.external {
	white-space: nowrap;
	padding-right: 15px;
	background: url(../images/external.gif) no-repeat 100% 50%;
	zoom: 1;
}
.CodeMirror-line-numbers{
    background: none repeat scroll 0 0 #EFEFEF;
    color: #AAAAAA;
    font-size: 10pt;
    font-family:monospace;
    padding: 5px 4px;
    border-right:1px solid #ccc;
}


.hidden-field-warning{
    background:lightYellow;
    border:1px solid #DCDCBC;
    font-size:10px;
    margin-bottom:-3px;
    margin-top:4px;
    padding:4px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

/* form-edit-texts */
.string-edit-hint{
    background: #bbb;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #444444;
    display: inline-block;
    float: none;
    font-size: 12px;
    margin: 10px;
    padding: 10px 15px;
    text-shadow: 0 1px 0 #E0E0E0;
}

#form-string {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #666;
    font-size:11px;
    text-shadow: 0 1px 0 #FFFFFF;
    margin: 0 25px 20px;
    padding: 0 0;
}

#form-string textarea{
    width:328px;
    height:50px;
    margin-bottom:5px;
    border:2px solid #ccc;
    padding:4px;
    /* css3 */
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#form-string .now-editing{
    background:lightyellow !important;
}
#form-string button{
    margin-left:10px;
}
#form-string li{
    padding:10px 5px;
    position:relative;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #DDDDDD;
}
#form-string li .original{
    margin-bottom:5px;
}
.edit-hover{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(255, 255, 224 , 0.8);
    text-align:center;
    font-size:16px;
    line-height:33px;
    cursor:default;
}

#form-string li:hover .edit-hover{
    display:block;
}

/* form-edit-texts end */