.formcreator_warning {color: red;}
.owner_link {font-size:10px; color:#999999; text-decoration: underline;}
.formcreator_div{background-color:#fff;}

.smlbtn {cursor:pointer;}
.btn {margin: 5px; padding-left:2px; cursor:move;}
.fld {margin: 2px; padding:1px; padding-left:2px; cursor:move;}
.header-div {font-size: 120%;}
.form-creator {font-family: Segoe UI, Arial, sans-serif;font-size: 12px;}

.form-creator div, td, input, select, textarea, a {font-family: Segoe UI, Arial, sans-serif; font-size: 12px; }

.text-div {font-size: 80%;}
.menu-bar {height:30px;}
.menu-bar span {cursor:pointer;}
.menu-item {font-size: 12px; padding-top: 4px; padding-bottom: 1px; padding-left:5px; padding-right: 5px; margin-left: 5px; margin-right:5px;}

#controls{padding: 0px;}
#controls div {margin: 3px 5px; width: 180px;}
#form {width: 400px; height: 800px; overflow:scroll;}
#attributes_header {padding-left: 10px;}
#attributes{padding-left:5px;}
#formPanel{padding:5px;}

.formPanel-div {padding:5px; margin:5px;}
.attribute-field {font-family: Segoe UI, Arial, sans-serif; font-size: 12px;}
.attribute-label {font-family: Segoe UI, Arial, sans-serif; font-size: 12px;}
.textfield_effect{
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    width: 150px;
    height: 20px;
    }
.selectfield_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*I am going to add some text formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 150px;
    height: 15px;
    }
	
#sortable {list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li {margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span{position: absolute; margin-left: -1.3em; }
#drophere {width: 60%; background-color: #D6D6D6; height: 500px;}
#draggable {width: 150px; height: 50px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#draggable2 {width: 150px; height: 50px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }