/* TODO: iets anders voor vinden. tooltip? */
.form td.extra { display:none; } 
.form span.extra {margin-left:20px; position:relative; color:#aaa; }
/***/

table.form { width:100%; }
.form td { padding:6px 0; vertical-align:top; }
.form td.label { width:150px; padding-right:15px; color:#888; text-align:left; }
.form td.label .icon.help { padding-left:5px; position:absolute; }
.form td.label .required { margin:0 5px; }
body.front .form td.label { color:#fff; }
.form tr.row-multicheckbox td.label { padding-top:8px; }
.form tr.row-select td.label, .form tr.row-multiselect td.label, .form tr.row-text td.label, .form tr.row-textarea td.label,
.form tr.row-text td.label, .form tr.row-date td.label { padding-top:13px; }
.form tr.row-tagsinput td.label { padding-top:19px; }
.form tr.row-lang input[type=checkbox] { float:left; margin:3px 10px 0 0; }
.form tr.row-button button:hover { color:#fff; }
.form tr.row-checkbox td { padding-top:9px; padding-bottom:9px; }


.formbuttons { position:absolute; bottom:0; padding-top:20px; margin-top:10px; /*border-top:1px dotted #ccc; width:100%;*/ }
.formbuttons .button { border:none; background:#959494; color:#fff; text-transform:uppercase; font-size:17px; font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; }
.formbuttons .button:hover { border:none; color:#fff; background:#777; }

td.element { text-align:left; }
.cirkuitSkin table.mceLayout, .cirkuitSkin table.mceLayout tr.mceLast td, .cirkuitSkin table.mceLayout tr.mceFirst td { border-color:#aaa !important; }

#revision-block .devision {font-weight:bold;background-color:#EEE;}
#revision-block #revision-list {margin-bottom:10px;}
#revision-block #revision-list td {padding-right:5px;padding-bottom:5px;}
#revision-block #revision-langs {margin-bottom:10px;}
#revision-block #revision-langs input {margin-right:5px;}
#revision-block #revision-compare {width:100%;}
#revision-block #revision-compare th {text-align:left;background-color:#DDDDDD;padding:5px;}
#revision-block #revision-compare td {padding:5px;vertical-align: top;}
#revision-block .revision-table {width:100%;}
#revision-block .version {padding:3px;padding-left:8px;}
#revision-block #revision-compare td {width:40%;}
#revision-block #revision-compare td.label {width:20%;}
#revision-block .revision-table td {vertical-align:top;padding:5px;border-bottom:1px solid #D5D5D5;}
#revision-block .label {color:#888;}

#revision-block img {max-width:200px;}
form td.element input.color {width:50px;}
#udb-overview {list-style-type:none;}
/** autocomplete **/
.ac_results {padding: 0px;border: 1px solid;overflow: hidden;z-index: 99999;text-align:left;}
.ac_results ul {border:1px solid #000;width: auto; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu;	font-size: 12px; line-height: 16px; overflow: hidden;}
.ac_even {cursor:pointer;color:#000;background-color: #00AEEF;}
.ac_odd {cursor:pointer;color:#000;background-color: #FFF;}
.ac_over {cursor:pointer;color:#FFF;background-color: #000; }

input.color {float:left;}
div.block {width:10px;height:10px;border:1px solid #AAA;float:left;margin:6px;cursor:pointer;}
#form-udb .buttons {display:none;}

ul.accounts {list-style-type:none;margin-left:3px;}
ul.accounts li {margin-bottom:5px;}
#row-accounts td {vertical-align: top;}
#price {width:50px;}
form .buttons { margin-bottom:30px; }
form input.text, form input.password, .tagsinput { width:320px; padding:4px; background:#fff; border:1px solid #aaa; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
form input.date, form input.datetime { width:120px; padding-right:20px; background:#fff url('/media/admin/images/icons/date.png') no-repeat right center; cursor:pointer; }
form select { width:330px; padding:4px; border:1px solid #aaa; border-radius:4px; }
form tr.row-multicheckbox .element label { margin-bottom:5px; display:block; }
form tr.row-multicheckbox .element label input { margin-right:5px; position:relative; top:2px; }
form tr.row-multicheckbox .element br { display:none; }
form textarea { min-width:600px; max-width:600px; height:100px; resize: none; border:1px solid #aaa; font-family:Arial; font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:4px; vertical-align:top; }
form textarea.mceEditor { height:200px; }
form tr td.element .asmList { width:330px; }

#row-newsletter_label label {display:none;}
#row-newsletter_label .element {padding-top:10px;}
#row-newsletter_label  h2 {padding-bottom:0;margin-bottom:0;}

#row-elements span.extra {display:none;}
select#stats {float:left;margin-bottom:5px;width:200px;}

input.filemanager { padding-right:28px; }
.browse-files { cursor: pointer; position: relative; top:3px; left:-21px; }

tr#row-files .extra {margin-left:0;margin-top:5px;display:block;}

form .upload { position:relative; margin-bottom:8px; }
form .upload .label { background-color:#ddd; border: 1px solid #bbb; padding: 3px 8px; border-radius:4px; }
form .upload .label.img { border:none; padding:0; }
form .upload .swf { position:absolute; top:0; left:0; }
form .files thead { display:none; }

form .tab { display:none; }
form .lang-tab { border-top: 1px dotted #CCCCCC; margin-top: 10px; padding-top: 10px; }
form .maxlength { color:#666; padding-left:3px; }

form .buttons { position:absolute; left:-228px; width:208px; margin-top:-3px; }
form .buttons .button { width:100%; display:block; text-transform:uppercase; background:none; border:none; text-align:right; font-family:'AkagiMedium', 'Franklin Gothic Demi', sans-serif; color:#959494;  font-size:17px; padding:0; }
form .buttons input.save-button { color:#00aeef; }
form .buttons .button:hover { color:#6a6a6a; }
form .buttons .tab-button.active, form .buttons .button.active  { color:#00aeef; }
form .buttons a.button { margin-left:-3px; /*fix*/ }
form .buttons .button.disabled { color:#ccc; }
form .buttons .button.margintop { margin-top:15px; }
form .buttons .button.secondary { }

#returnButton { position:absolute; top:-4px; left:-85px; padding-left:17px; color: #959494; background:transparent url('/media/admin/images/icons/back.png') no-repeat left 3px; border:none; outline:none; text-transform:uppercase; font-size:16px; font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; }
#returnButton:hover { background-image:url('/media/admin/images/icons/back-hover.png'); color:#6A6A6A; }

.count-chars { color:#999; font-size:9px; display:none; }

/*** FORM.MANAGE ***/
#tab-form table.form tbody tr:hover .zap_manage { display:block; }
#tab-form table.form.manage tr td.label { padding:11px 15px 6px 6px; vertical-align:top; text-align:inherit; }
#tab-form table.form.manage tr td.element { padding:6px 0; }
#tab-form table.form.manage tr.drag:hover td.label, #tab-form table.form.manage tr.drag:hover td.element { border-top:1px dotted red; border-bottom:1px dotted red; }
#tab-form table.form.manage tr.drag:hover td.label { padding:10px 15px 5px 5px; border-left:1px dotted red; }
#tab-form table.form.manage tr.drag:hover td.element { padding:5px 0; border-right:1px dotted red; }
#tab-form table.form.manage td.draghandle { width:40px; text-align:right; cursor:move; }
#tab-form table.form.manage textarea { min-width:70%; max-width:70%; }
#tab-form #add_new_field { margin:20px 0; }
#tab-form .zap_manage { margin-top:-10px; margin-left:-5px; }

/*** FRONT ***/
body.front table.form { width:auto; } 
body.front form td { padding:2px; }
body.front form table.form tr td.label { padding-top:8px; }
body.front form input { padding:2px 5px 0 5px; height:25px; line-height:25px; width:300px; background-color:#00AEEF; color:#fff; border:none; }
body.front form input:focus { background-color:#0883b1; }
body.front form .label { height:25px; font-size:17px; width:150px; text-transform:uppercase; text-align:left; font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; }
body.front form .submit { width:auto; position:relative; padding:0; margin:0; cursor:pointer; font-size:17px; background:none; color:#00aeef; text-transform: uppercase; font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif;}
body.front form .submit:hover {color:#fff;}
body.front form .submit:focus, body.front form .submit:active { background:transparent; }
body.front form #row-submit td.element { text-indent:-168px; }
body.front form input[type=checkbox] { width:auto; height:auto; background:none; border:none; }
body.front form #login-remember { float:left; margin-top:5px; } 
body.front form #login-forgot { float:right; margin-top:6px; }
body.front form #login-forgot a { color:#FFF; }
body.front form .tab { background:transparent; color:#fff; }
body.front form .label .required { display:none; }
body.front form .buttons { left:0; top:160px; margin-bottom:0; }
body.front #submit.save-button { position:relative; background-color:transparent; color:#fff; }
body.front #submit.save-button:hover { background-color:transparent; }

#form-login tr td.element { width: 300px; }

/*** SPECIFIEK ***/
#form-newsletter .tab { background-color:transparent; padding-top:0; }
tr#row-column_id li.radio { float:left; margin-right:10px; margin-bottom:10px; width:120px; }
tr#row-column_id li.radio img { width:120px; cursor:pointer; }
tr#row-column_id li.radio div { margin:0; }
tr#row-column_id li.radio div.on { display:none; }
tr#row-column_id li.radio.selected div.on { display:block; }
tr#row-column_id li.radio.selected div.off { display:none; }

#form-newsletter #newsletter_test, #form-newsletter #delete { margin-top:10px; }

#form-myaccount .label {width:130px;}

#form-list #grid-contact ul.grid-actions { display:none; }

#form-account { padding-top:20px; }
#form-account #tabs { top:33px; left:0; }

.front #content p { color: #FFF; }
#form-welcome td.label { width:200px; }
#form-welcome tr.row-submit td.element { text-align:right; }

#form-form #row-column_id .label { visibility:hidden; }
#row-mail_title_surfer label, #row-mail_title_admin label,
#row-column_title label, #row-global_title label,
#row-text_title label, #row-text_title_formtexts label,
#row-text_title_aftersubmit label
{ display:none; }


/*** MODAL_FORM ***/
.modal-form { display:none; }
.modal-form td.label { text-align:left; }
.modal-form span.extra { color:#666; }
.modal-form input[type=text], .modal-form select { width:300px; border-radius:4px; border:1px solid #aaa; color:#333; }
.modal-form input.date, .modal-form input.datetime { width:120px; padding-right:20px; background:#fff url('/media/admin/images/icons/date.png') no-repeat right center; cursor:pointer; }
.modal-form tr.invalid label { color:#f00; }
.modal-form.loading form { background: url('/media/admin/images/loaderbar_black.gif') no-repeat scroll center center transparent; }
.modal-form.loading .modal-form-content { visibility: hidden; }
.modal-form-tabs { margin-top:20px; border:none; padding:0; background:#000; }
.modal-form-tabs .ui-tabs-panel { padding:10px 0 0 0; }
.modal-form-tabs .ui-tabs-nav li { background:#959494 none; border:none; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
.modal-form-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:0; }
.modal-form-tabs .ui-tabs-nav li a { background:transparent none; color:#fff; text-transform:uppercase; padding:3px 10px; }
.modal-form-tabs.ui-tabs .ui-widget-header { background-color:transparent !important; border:none; }
.modal-form-tabs .ui-tabs-panel input.loading { background:#fff url(/media/admin/images/icons/field-loader.gif) no-repeat 5px center; }
.modal-form-tabs .ui-tabs-panel textarea.loading { background:#fff url(/media/admin/images/icons/field-loader.gif) no-repeat 5px 5px; }

.modal-form-actions { margin:10px 0 15px 0; }
.modal-form-content .button { color:#fff; font-weight:normal; margin-right:8px; background:#959494; border:none; text-transform:uppercase; font-size:11px; font-family:Verdana,sans-serif; }
.modal-form-content .button:hover { color:#fff !important; }
.modal-form .asmListItem input.extra { display:block; }

.modal-form-settings table.grid { width:400px; color:#eee; }
.modal-form-settings table.grid tbody tr { border-bottom:1px solid #333; }
.modal-form-settings table.grid tbody tr:hover { background:#111; }