/* @override http://www.cmssubdir.local/site_library/css/jquerytoolstest.css */

/* @group Modal Dialog */

form {
	position: relative;
}

.modal { 
    background-color:#fff; 
    color:#333;
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #000; 
    -webkit-box-shadow: 0 0 50px #000; 
} 
 
.modal h2 { 
    background:url(/site_content/images/info.png) 0 50% no-repeat; 
    margin: 0px 0px 5px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px;
	color: #48687d;
}

.modal p {
	margin: 10px 0;
	padding: 0;
}

.modal label {
	width:350px;
	float:left;
	margin: 5px 0; /* top/bottom, no sides */
	padding:2px 0;
}

.modal input,
.modal textarea,
.modal select,
.modal div.radio_group {
	float:left;
	width:340px;
	padding:4px;
	margin: 5px 0; /* top/bottom, no sides */
	border:1px solid #bbb;
}

.modal label.left {
	width:70px; /* 20% of width */
	text-align:right;
}

.modal input.right,
.modal textarea.right,
.modal select.right,
.modal div.radio_group.right {
	width:265px;  /* 80% of width */
	margin-left:5px;
}

.modal div.radio_group div.radio {
	width:100%;
	float:left;
}

.modal div.radio_group div.radio span {
	padding:2px;
}

/* The radio button's clickable dot */
.modal div.radio_group div.radio input {
	margin-top:2px;
	width:auto;
	margin-right:5px;
}

.modal select.right {
	width:275px;
}

.modal button {
	margin-top: 5px;
	margin-left:5px;
	float:right;
}

.modal .center {
	text-align:center;
}
.modal div.preloader {
	text-align:center;
	color:#000;
}

.modal h1 {
	color:#000;
}

button.modalInput {
	border: none;
	width:16px;
	height:16px;
	margin:none;
	
	/* requires a position: relative; on the parent element */
	position: absolute;
	
	background: url(/delicious_cms/library/img/silk/cog.png) no-repeat 0px 0px;
	
	top: 0;
	right: 0;
	
	outline: none;
}

button.modalInput:hover {
	
}

button.modalInput i { display: none; }

/* @end */

/* @end */

div.clearer {
	clear: both;
}