/*
 * $Id$
 *
 */

/*============================================================================
	BUTTONS
=============================================================================*/
button { cursor:pointer; margin: 0; padding: 0; border: none; }
button span { display: none; }
.b_send { background: url(/images/buttons/send.png) no-repeat 0 0; width: 75px; height: 24px; }

.db_button { margin: 0; padding: 0; }
.db_button a { display: block; margin: 0; padding: 0; text-indent: -9999px; }

.db_attach_file { background: url(/images/buttons/attach_file.png) no-repeat 0 0; width: 86px; height: 19px; }
.db_attach_file a { width: 86px; height: 19px; }

.db_attach_next_file { background: url(/images/buttons/attach_next_file.png) no-repeat 0 0; width: 117px; height: 19px; }
.db_attach_next_file a { width: 117px; height: 19px; }

.db_return_to_form { background: url(/images/buttons/return_to_form.png) no-repeat 0 0; width: 137px; height: 27px; margin: 40px auto 0 auto; }
.db_return_to_form a { width: 137px; height: 27px; }


/*============================================================================
	FORM
=============================================================================*/
#custom_form { margin: 30px 0 0 0; }

#custom_form div { margin: 0 0 20px 0; float: left; width: 100%; }
#custom_form label { display: block; font-weight: bold; margin: 0 0 7px 0; }
#custom_form label span { font-weight: normal; margin: 0 0 0 5px; }
#custom_form input,
#custom_form textarea { border:1px solid #C9C9C9; width: 100%; }
#custom_form textarea { height: 100px; }
#custom_form div :focus { border-color:#666666; }
#custom_form div.f_send { width: 100%; margin: 0 0 0 0; text-align: center; }


/*============================================================================
	FILES
=============================================================================*/
#custom_form #f_file { width: 400px; display: none; }

#custom_form #f_file_area { background: #ededed; padding: 10px; margin: 0 0 10px 0; display: none; }
#custom_form #f_file_area p { width: 100%; overflow: hidden; }
#custom_form #f_file_area p input { display:inline-block; vertical-align: middle; width: 330px; }
#custom_form #f_file_area p a { display:inline-block; vertical-align: middle; background: #b7b7b7; color: #000; padding: 1px 10px 2px 10px; text-decoration: none; margin: 0 0 0 5px; }

#custom_form #f_hint { width: 100%; overflow: hidden; margin: 0 0 10px 0; display: none; }

/*============================================================================
	ERROR AND MESSAGES
=============================================================================*/
div.msg { background: #f6f6f6; border-top: #b0c1d9 1px solid; padding: 20px 30px; margin: 20px 0 20px 0; }
div.msg p { color: #0f205f; background: url(/images/elements/ico_info.gif) no-repeat 0 2px; font-size: 1.2em; padding: 0 0 0 20px; }
div.msg ul { margin: 0; padding: 0 0 0 8px; list-style: none; }
div.msg ul li { background: url(/images/elements/item_info.gif) no-repeat 0 6px; }

div.error { background: #fdf0f0; border-top: #b0c1d9 1px solid; }
div.error p { color: #5f0f0f; background: url(/images/elements/ico_error.gif) no-repeat 0 2px; }
div.error ul li { background: url(/images/elements/item_error.gif) no-repeat 0 6px; }


/*============================================================================
	DIALOG ALERT
=============================================================================*/
#dialog_alert { position: absolute; left: 0; top: 0; z-index:1000; background-color: transparent; width: 100%; height: 100%; }
#dialog_alert .dialog { border:1px #450808 solid; position:absolute; top:0; left:0; text-align:center; padding: 20px; background: #951515; width: 200px; z-index: 2; }
#dialog_alert iframe { position:absolute; top: 0; left: 0;  width: 240px; z-index: 1; }
#dialog_alert .dialog.alert { border:1px #e20000 solid; }
#dialog_alert .text { margin: 0 auto; color:#fff; font-weight: bold; padding-bottom: 10px; }
#dialog_alert a.button { border: 1px #444 solid !important; background: #fff; color: #000; cursor:pointer !important; margin: 10px; padding: 2px 10px; text-decoration: none; }
#dialog_alert .button:hover, #dialog_alert .button.focus { background: #eee; }