/*******************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, /*ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*
ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*******************************************************************/

/* =Layout
-------------------------------------------------------------- */
#container { margin: 0 auto 10px; width: 95%; padding: 10px;}
#header, #footer { }
#header { text-align: center; padding: 8px 3px; margin-top: 5px; margin-bottom: 5px}
#content { margin: 0 auto; padding:5px; width: 95%;}
#main-content { margin: 0 auto; width: 100%;}
#footer { padding: 10px 5px; margin-top: 50px;}
div.clear { clear: both;}

/* =Fonts
-------------------------------------------------------------- */
body {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
}
h1, h2, h3, h4 { font-weight: bold;}
h1 { font-size: 24px; }
h1 font.red, .red { color: #d6060e;}
h2 { font-family: arial; font-size: 16px; padding-bottom: 5px;}
.ui-widget { font-size: 100%; text-align: left;}

/* =Elements
-------------------------------------------------------------- */
body { background-color: #333;}

p { margin: 5px 0px;}
th, td { text-align: left; vertical-align: middle;}
td { padding-right: 5px;}
td.right { text-align: right;}
td.top-right { text-align: right; vertical-align:top;}

#container { background-color: #fafafa;}
#footer { border-top: 1px solid #aaa;}
#login_header {text-align: right; margin: 0px 5px 10px; }

li { margin-left: 15px; margin-bottom: 5px;}

/* =Widgets
-------------------------------------------------------------- */
span.icon { float: left; margin-right: 0.3em;} 
.ui-button { padding: 8px;}
div.ui-widget { line-height: 18px; padding: 3px;}
div.ui-widget div.content { padding: 10px 8px;}
div.message { margin-bottom: 5px;}
div.ui-message-widget p { padding: 0 8px; }
#title_bar {margin-bottom: 15px}

/* Input widget */
div.input-section-header { padding: 2px;}
div.input-section-content { margin: 0px 5px 10px; padding: 10px 5px ;}
div.input-section-content input[type="text"], input[type="password"], input[type="email"], textarea { border: 1px solid #666; width: 90%;}
div.input-section-content input[type="text"].small, input[type="password"].small, input[type="email"].small { border: 1px solid #666; width: 30%;}

div.input-section-element { margin: 5px 10px; }
div.input-section-element label.vertical { float:left; width:100% ; display:inline; clear:left; margin-right:1em; text-align:left; }
div.input-section-element label.same-line { white-space: nowrap; }
div.input-section-element textarea, input, select, label, button, optgroup { margin-top:5px; }
div.input-section-element input[type="checkbox"] ,input[type="radio"]	{ margin-bottom:7px; }
div.input-section-element input[type="text"], textarea { font-family: "courier new"; }

/* Result widget */
div.result-content { margin: 0px 5px 10px 0px; padding: 0px ;}
div.result-content-header {  padding: 5px 10px 10px;}

/*-------------------------------------------------------------- */


/* =Misc
-------------------------------------------------------------- */
.center {text-align:center; }
.right {text-align:right; }
.left {text-align:left; }
a.blue {color: #2e6e9e;}
p.hilite { background:yellow; }

/* used to override jquery-UI's CSS who makes the a elements in black */
.result-content a {color: blue;}

#mctarget-result-table tbody tr.highlighted {
	background-color: #E6FF99;
}


/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:14px;
	color:#000;
	padding:0px 5px 5px 2px;
	margin-left:10px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

/*body top (back link + share on social network)*/
.body-top { margin-bottom:5px; margin-top:5px; }


/* no-wrap */
.no-wrap {
	display: inline-block;
	}

.courier {
	font-family:Courier New;
}

.bold { font-weight: bold; }

.italic { font-style:italic; }

.magenta { color: magenta; }

/* for autocomplete (http://jqueryui.com/autocomplete/#maxheight) */
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }