/**  * morebits.css  * ===========  * Styles to support morebits.js.  *  * The morebits library is maintained by the maintainers of Twinkle.  * For queries, suggestions, help, etc., head to [[WT:TW]].  * The latest development source is available at [https://github.com/azatoth/twinkle/blob/master/morebits.css].  */   /* Status */   .tw_status_status { 	color: #4682B4; }   .tw_status_info { 	color: #228B22; }   .tw_status_warn { 	color: #FF4500; }   .tw_status_error { 	color: #FF4500; 	font-weight: bold; }   /* Quickform */   form.quickform { 	width: 96%; 	vertical-align: middle; 	margin: auto; 	padding: .5em; }   form.quickform * { 	font-family: Tahoma, 'DejaVu Sans', sans-serif; 	vertical-align: middle; }   form.quickform fieldset { 	margin: .4em 0 1em; }   form.quickform legend { 	color: #31628F; 	font-weight: bold; }   form.quickform input[type=text], form.quickform select { 	min-width: 15em; 	font-size: 110%; }   form.quickform select { 	border: 1px solid gray; 	margin-left: .2em; }   form.quickform h5 { 	margin: .5em 0 0; 	padding: .3em .2em .2em; }   /* only give the top border to headers with something above them */ form.quickform div + h5, form.quickform div + div h5, form.quickform h5 + h5 { 	border-top: 1px solid #88A; }   form.quickform textarea { 	width: 100%; 	height: 4em; 	font-size: 150%; }   form.quickform span.quickformDescription { 	font-style: italic; }   form.quickform .tooltipButtonContainer { 	position: relative; 	width: 100%; }   form.quickform .tooltipButton { 	color: blue; 	font-weight: bold; 	cursor: help; 	padding: .2em; }     /* Portlet */   .skin-vector div div.extraMenu h5 span { 	background-position: 90% 50%; }   .skin-vector div.extraMenu h5 a { 	padding-left: .4em; 	padding-right: .4em; 	padding-bottom: 0; 	width: auto; }   .skin-vector div.extraMenu h5 a span { 	display: inline-block; 	font-size: .8em; 	font-weight: normal; 	padding-top: 0.5em; 	margin-right: 14px; }   .skin-modern #mw_contentwrapper div.portlet { 	overflow: hidden; 	height: 1.5em; 	margin: 0 0 0 14em; 	padding: 0; }   .skin-modern #mw_contentwrapper div.portlet h5 { 	display: none; }   .skin-modern #mw_contentwrapper div.portlet div.pbody { 	margin: 0; 	padding: 0; }   .skin-modern #mw_contentwrapper div.portlet div.pbody ul { 	display: inline; 	margin: 0; }   .skin-modern #mw_contentwrapper div.portlet div.pbody ul li { 	display: block; 	float: left; 	height: 1.5em; 	margin: 0 .5em; 	padding: 0 .2em; 	text-transform: lowercase; }   .skin-modern #mw_contentwrapper div.portlet div.pbody ul li a { 	text-decoration: underline; }   .skin-modern #mw_contentwrapper div.portlet div.pbody ul li.selected a { 	text-decoration: none; }     /* SimpleWindow */   .morebits-dialog { 	border: 1px #666 solid; 	font: small Tahoma, 'DejaVu Sans', sans-serif; 	background-color: #F0F8FF !important; 	background-image: none !important; }   body.skin-monobook .morebits-dialog { 	font-size: 125%; }   body .ui-dialog.morebits-dialog .ui-dialog-titlebar { 	height: 1em; 	background: repeat-x 50% 80% #cfd6e1 !important;  /* the actual image is specified in morebits.js - ResourceLoader mangles data: URIs in CSS */ 	font-weight: bold; 	font-family: Tahoma, 'DejaVu Sans', sans-serif; 	font-size: 1em; 	padding: .4em .3em .5em !important; }   .morebits-dialog-scriptname { 	font-weight: normal; }   .ui-dialog.morebits-dialog .ui-dialog-titlebar-close { 	height: 100%; 	left: 0; 	top: auto; 	width: 2em; 	margin: -.5em -.15em 0; }   .ui-dialog.morebits-dialog .ui-dialog-titlebar-close span { 	margin: .33em; }   .ui-dialog.morebits-dialog .morebits-dialog-content { 	font-size: 88%;  /* this just seems to be traditional - I don't quite see the point, in this day and age of huge monitors, etc. */ 	padding: 0; }   body .ui-dialog.morebits-dialog .ui-dialog-buttonpane { 	background-color: #BCCADF; 	margin: 0; 	min-height: .5em; 	padding-left: 1.2em !important; }   body .ui-dialog.morebits-dialog .ui-dialog-buttonpane button { 	float: none; 	margin: .2em 0 -.1em; 	padding-top: 0; 	padding-bottom: 0; 	cursor: auto; }   .morebits-dialog-footerlinks { 	font-size: 90%; 	float: right; 	margin: .7em .4em 0 0; }   body .ui-dialog.morebits-dialog .morebits-dialog-footerlinks a { 	color: #3062AD; }   .morebits-dialog-buttons[data-empty] + .morebits-dialog-footerlinks { 	margin: .1em .4em -.2em 0; }   .ui-dialog.morebits-dialog a, .ui-dialog.morebits-dialog .ui-widget-content a { 	color: #0645AD;  /* jQuery imposes a ridiculous nearly-black colour on <a> tags... I don't understand it */ }   .ui-icon-inline { 	display: inline-block; }