/* 
    Document   : ajax_form
    Created on : 24/08/2009, 10:57:02 PM
    Author     : Cam
    Description:
        provides nice looking ajax popups for forms etc...
*/

#ajax_form_msg  {
	padding:10px;
	text-align:left;
    font-family:Helvetica,Arial,sans-serif;
    color:#222;
}

#ajax_form_msg p {
	padding:5px 0px 0px 0px;
}

#ajax_form_msg .message {
    text-align:center;
    font-style:italic;
	font-size:14px;
}

#ajax_form_msg .buttons {
	height:22px;
	padding-top:20px;
	clear:both;
}

#ajax_form_msg .buttons .ok, #ajax_form_msg .buttons .cancel {
	float:right;
	margin:0px 0px 0px 10px;
    width:120px;
    height:22px;
	line-height:20px;
    height:20px;
	padding:0px 10px;
	color:#333;
	text-decoration:none;
	font-size:11px;
    display:block;
    border:1px solid #CCCCCC;
	border-top-color:#dfdfdf;
	border-left-color:#dfdfdf;
	background-color:#efefef;
    text-align:center;
    cursor:pointer;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#ajax_form_msg .buttons .okhover {
    background-color:#9dcef7;
}

#ajax_form_msg .buttons .cancelhover {
    background-color:#dd3736;
}

#ajax_form_msg .confirm {
	font-size:11px;
}

#ajax_form_msg .confirm .title {
	font-weight:bold;
	padding:10px 5px;
    font-size:12px;
    font-style:italic;
}

#ajax_form_msg .confirm .fields {
    border-top:1px solid #999;
    padding-bottom:10px;
}

#ajax_form_msg .confirm .ajax_form_field {
	clear:both;
	border-bottom:1px solid #999;
    height:22px;
}

#ajax_form_msg .confirm div.ajax_form_field_textarea {
    height:62px;
}

#ajax_form_msg .confirm .ajax_form_field .field_name {
	font-weight:bold;
	width:140px;
	float:left;
	padding:5px;
    border-right:1px solid #999;
}

#ajax_form_msg .confirm div.ajax_form_field_textarea .field_name {
    height:52px;
}

#ajax_form_msg .confirm .ajax_form_field .field_val {
	/*float:left;*/
	padding:5px 5px 5px 155px;
}

#ajax_form_msg .confirm div.ajax_form_field_textarea .field_val pre {
   height:50px;
   display:block;
   overflow:auto;
   padding:0px;
   margin:0px;
}

#ajax_form_msg .processing {
	text-align:center;
	font-style:italic;
}

#ajax_form_msg .success {
	text-align:center;
	font-style:italic;
}

div.modal_content {
    text-align:left;
}

div.modal_content .title {
    font-size:14px;
	font-weight:700;
	color:#184286;
    padding:0px 25px 5px 0px;
    border-bottom:1px solid #dfdfdf;
}

div.modal_content form {
    margin:0px;
    padding:0px;
    color:#333;
}

div.modal_content form label {
    display:block;
    margin-top:10px;
    padding-bottom:5px;
    font-size:12px;
	color:#185486;
}

div.modal_content form input.text, div.modal_content form textarea {
    width:97%;
    color:#000;
    background-color:#e4f5fb;
    padding:0.4em;
	border:1px solid #add5e4;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
}

div.modal_content form div.submit_btn {
    padding:10px 0px 0px 0px;
    text-align:right;
    border-top:1px dashed #dfdfdf;
    background-color:#fff;
    margin-top:10px;
}

div.modal_content form input.ajax_form_submit {
	line-height:20px;
    height:20px;
	padding:0px 10px;
	color:#333;
	text-decoration:none;
	font-size:11px;
    border:1px solid #CCCCCC;
	border-top-color:#dfdfdf;
	border-left-color:#dfdfdf;
	background-color:#efefef;
    text-align:center;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px
}

div.modal_content form input.ajax_form_submit:hover {
    background-color:#9dcef7;
}

div.modal_content .modal_message {
    background-color:#f9bdbd;
    border:0px solid #eb4444;
    margin:10px 0px 0px 0px;
    font-style:italic;
    -webkit-border-radius:6px;
    -moz-border-radius:6px
}

div.modal_content .modal_message .message {
    padding:10px;
    font-style:italic;
}

div.modal_content div.buttons {
    padding:0px 10px 10px 10px;
    text-align:right;
    height:22px;
	clear:both;
}

div.modal_content .buttons .ok, div.modal_content .buttons .cancel {
	float:right;
	margin:0px 0px 0px 10px;
    width:120px;
    height:22px;
}

div.modal_content .buttons .ok a, div.modal_content .buttons .cancel a {
	line-height:20px;
    height:20px;
	padding:0px 10px;
	color:#333;
	text-decoration:none;
	font-size:11px;
    display:block;
    border:1px solid #CCCCCC;
	border-top-color:#dfdfdf;
	border-left-color:#dfdfdf;
	background-color:#efefef;
    text-align:center;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px
}

div.modal_content .buttons .ok a:hover {
    background-color:#9dcef7;
}

div.modal_content .buttons .cancel a:hover {
    background-color:#dd3736;
}

div.modal_content .confirm {
	font-size:11px;
}

div.modal_content .confirm .title {
	font-weight:bold;
	padding:10px 5px;
    font-size:12px;
    font-style:italic;
    border:none;
}

div.modal_content .confirm .fields {
    border-top:1px solid #999;
    padding-bottom:10px;
}

div.modal_content .confirm .ajax_form_field {
	clear:both;
	border-bottom:1px solid #999;
    height:22px;
}

div.modal_content .confirm div.ajax_form_field_textarea {
    height:62px;
}

div.modal_content .confirm .ajax_form_field .field_name {
	font-weight:bold;
	width:140px;
	float:left;
	padding:5px;
    border-right:1px solid #999;
}

div.modal_content .confirm div.ajax_form_field_textarea .field_name {
    height:52px;
}

div.modal_content .confirm .ajax_form_field .field_val {
	/*float:left;*/
	padding:5px 5px 5px 155px;
}

div.modal_content .confirm div.ajax_form_field_textarea .field_val pre {
   height:50px;
   display:block;
   overflow:auto;
   padding:0px;
   margin:0px;
}

div.modal_content .processing {
	text-align:center;
	font-style:italic;
}

div.modal_content .success {
	text-align:center;
	font-style:italic;
}