/* 
    Document   : cms
    Created on : Jan 25, 2012
    Author     : shayne
    Description:
        Stylesheet for Form Manager Page.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.floatleft { float: left; }
.floatright { float: right; }

.span11Extra { width: 660px; }

ul#draggable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
}

ul#draggable li { width: 220px; margin-bottom: 10px; }

ul#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px;
    min-height: 50px;
}

ul#sortable li { width: 620px; height: 30px; margin-bottom: 10px; display: block; }
ul#sortable li .icons { padding-top: 5px; }

.dropHighlight { 
    width: 620px; height: 30px; 
    border: 1px dashed #ccc;
    background-color: #dedede;
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}